Tutorial - how to add custom fonts
-
-
- DangerDynamite
- Sr. Rocketeer
- Posts: 145
- Thanks: 0
- Web Developer
-
Hey Folks,
I added a new font to Zephyr but I am having an issue with it in Google Chrome on Windows. Works fine in ALL other browsers, even chrome in OSX. The URL is here: www.tvzmedia.com/newsite/
If anyone can help shed some light on this it would be greatly appreciated.
Thanks,
Danger.
-
-
-
- ESAU GARCIA DEL REAL
- Jr. Rocketeer
- Posts: 26
- Thanks: 0
-
Sophie Kovalevsky wrote:
Kat, i was editing my web and i resolve my problem, but i don't use the code that you gave in this post. I don't know why. But, if other person have the same problem with me, i'll post how was my solution...hey there Sohpie, i'd actually love to see how you managed to work around your issue, because I couldn't get my fonts working in my template o_O as amazing as it is, I followed the above instructions with the Berlin Sans FB (hoping I don't get into trouble due to copyright issues), and I even got a font generator to make the eot file for me, but nothing happened. I'm pretty sure I missed a parameter or missunderstood the values I had to type for each of the files (my guess is that I'm not using the correct names or something), but if you post your sollution, I'd trully appreciate it.
Best regards,
Thanks in advance Sophie! :cheesy:
-
-
-
- Nick Wilkes
- Hero Rocketeer
- Posts: 350
- Thanks: 0
-
3. Adding the info to the font-settings dropdownGREAT topic for a tutorial, but I am having problems translating the steps to the Panacea template. When I open "templateDetails.xml," this code is NOT present. Is there a different file I should be exploring? Help?
a) Open your ../templates/rt_juxta_j15/templateDetails.xml file and locate the following code:
LINE NUMBER ON/OFF | EXPAND/CONTRACT | SELECT ALL
<param name="family" type="selectbox" default="georgia" label="FONT_FAMILY" description="" isbodyclass="true" setbyurl="true" setinsession="true" setbysession="true" setincookie="true" setbycookie="true">
<option value="geneva">Geneva</option>
<option value="georgia">Georgia</option>
<option value="helvetica">Helvetica</option>
<option value="lucida">Lucida</option>
<option value="optima">Optima</option>
<option value="palatino">Palatino</option>
<option value="trebuchet">Trebuchet</option>
</param>
b) Change it to:
LINE NUMBER ON/OFF | EXPAND/CONTRACT | SELECT ALL
<param name="family" type="selectbox" default="georgia" label="FONT_FAMILY" description="" isbodyclass="true" setbyurl="true" setinsession="true" setbysession="true" setincookie="true" setbycookie="true">
<option value="bebas">Bebas</option>
<option value="geneva">Geneva</option>
<option value="georgia">Georgia</option>
<option value="helvetica">Helvetica</option>
<option value="lucida">Lucida</option>
<option value="optima">Optima</option>
<option value="palatino">Palatino</option>
<option value="trebuchet">Trebuchet</option>
</param>
Nick
awres.com/dev/
-
-
-
- Kat05
- Preeminent Rocketeer
- Posts: 25898
- Thanks: 334
-
hi all,
apologies for not checking this thread here for a while.
if anyone still needs help, please do not forget to tell me which joomla version and template you're using.
cheers, kat
- Kat05 / QA Lead & Support / Germany
-
-
-
- Nick Wilkes
- Hero Rocketeer
- Posts: 350
- Thanks: 0
-
Hi Kat,
I am using Joomla 1.7 and the Panacea template.
My problem following your instructions is the "templateDetails.xml" doc does not hold the font code you mention in your instructions. It must be elsewhere? Anyways, I would like to learn how to add custom fonts to my template.
Thanks,
Nick
-
-
-
- Kat05
- Preeminent Rocketeer
- Posts: 25898
- Thanks: 334
-
hi nick,
you're right, in j1.7 this is no longer located in templatedetails.xml, you'll find the font stuff in the file ../rt_panacea_j16/template-options.xml
find in line 148:and change to<field name="family" type="fonts" default="default" label="FONT_FAMILY" isbodyclass="true" setbyurl="true" setinsession="true" setbysession="true" setincookie="true" setbycookie="true"> <option value="default">Default</option> <option value="geneva">Geneva</option> <option value="georgia">Georgia</option> <option value="helvetica">Helvetica</option> <option value="lucida">Lucida</option> <option value="optima">Optima</option> <option value="palatino">Palatino</option> <option value="trebuchet">Trebuchet</option> </field>
kat<field name="family" type="fonts" default="default" label="FONT_FAMILY" isbodyclass="true" setbyurl="true" setinsession="true" setbysession="true" setincookie="true" setbycookie="true"> <option value="default">Default</option> <option value="geneva">Bebas</option> <option value="geneva">Geneva</option> <option value="georgia">Georgia</option> <option value="helvetica">Helvetica</option> <option value="lucida">Lucida</option> <option value="optima">Optima</option> <option value="palatino">Palatino</option> <option value="trebuchet">Trebuchet</option> </field>
- Kat05 / QA Lead & Support / Germany
-
-
-
- Nick Wilkes
- Hero Rocketeer
- Posts: 350
- Thanks: 0
-
Hi Kat,
I supplemented the code as you suggested, and Bebas is now available in my Template font options. I turned on Bebas on this page:
awres.com/dev/locations/chicago.html
But it doesn't show up. Is there something else I need to do?
Thanks,
Nick
-
-
-
- Nick Wilkes
- Hero Rocketeer
- Posts: 350
- Thanks: 0
-
-
-
- Nick Wilkes
- Hero Rocketeer
- Posts: 350
- Thanks: 0
-
-
-
- Bill Borque
- Hero Rocketeer
- Posts: 427
- Thanks: 2
- Nick, simply making it available as a selection is not the only change you will need to make. You will also need to edit the css file that contains the font family and add in the new font that you want. I would suggest copy and paste the default font lines and then change the names and the font family on those lines.
-
Time to create page: 0.080 seconds