0
Welcome Guest! Login
0 items Join Now

Tutorial - how to add custom fonts

  • Re: Tutorial - how to add custom fonts

    Posted 8 years 6 months ago
    • 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.
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 4 months ago
    • 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...

      Best regards,
      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.

      Thanks in advance Sophie! :cheesy:
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 4 months ago
    • 3. Adding the info to the font-settings dropdown

      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>

      GREAT 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?

      Nick
      awres.com/dev/
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: Tutorial - how to add custom fonts

    Posted 8 years 4 months ago
    • 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
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 4 months ago
    • 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's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: Tutorial - how to add custom fonts

    Posted 8 years 4 months ago
    • 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:
      <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>
      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">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>
      kat :)
    • Kat05 / QA Lead & Support / Germany
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 4 months ago
    • 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
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 4 months ago
    • Bump...
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 4 months ago
    • Squeak...
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 3 months ago
    • 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.099 seconds