0
Welcome Guest! Login
0 items Join Now

Tutorial - how to add custom fonts

  • Re: Tutorial - how to add custom fonts

    Posted 8 years 11 months ago
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 11 months ago
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 11 months ago
    • Hello Kat, any news? :) thanks , mariana.
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 10 months ago
    • Thanks so much for this post! The one thing the tutorial seems to be missing is that if you want the font to appear everywhere on your site (not just in headings) you need to the body font-family on the very top of template.css. For example, modify:

      /* Core */
      html, body {margin-bottom: 1px;height: 100%;}
      body {font-family: Helvetica ,Arial,sans-serif;}

      to

      /* Core */
      html, body {margin-bottom: 1px;height: 100%;}
      body {font-family: 'Josefin Sans',Arial,sans-serif;}

      after following the other steps. Cheers!
    • JSYMedia's Avatar
    • JSYMedia
    • Sr. Rocketeer
    • Posts: 134
    • Thanks: 1
    • Joomla plus Gantry

    Re: Tutorial - how to add custom fonts

    Posted 8 years 10 months ago
    • I'm wanting to have a custom font only used in the main menu. Is it possible to use this technique (or something similar) to achieve this?
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 9 months ago
    • Hello
      My joomla version is 1.6.3
      I have seen this post but unfortunately this example refers to reaction template. I can't locate the font settings changes in templateDetails.xml file of Maelstrom template.
      Should i copy entire the following code to maelstrom templateDetails.xml file:

      <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>
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 9 months ago
    • gkoronidis,

      Checked to see if you have a template-options.xml file. The font definitions might be there.
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 9 months ago
    • This tutorial doesn't work for me, using Maelstrom template.
      When I select a different font from the drop-down list, the frontend always changes to Helvetica.
      Maybe there's something special that needs to be done in Maelstrom?
    • PCNW's Avatar
    • PCNW
    • Sr. Rocketeer
    • Posts: 100
    • Thanks: 0
    • Web design

    Re: Tutorial - how to add custom fonts

    Posted 8 years 9 months ago
    • Mario CF wrote:
      This tutorial doesn't work for me, using Maelstrom template.
      When I select a different font from the drop-down list, the frontend always changes to Helvetica.
      Maybe there's something special that needs to be done in Maelstrom?

      The same issue for me too using Maelstrom template.
    • αποτελεσματική κατασκευή ιστοσελίδων
    • Kevin M's Avatar
    • Kevin M
    • Sr. Rocketeer
    • Posts: 160
    • Thanks: 1

    Re: Tutorial - how to add custom fonts

    Posted 8 years 8 months ago
    • You can also follow the instructions from the link below to grab the entire Google Font Directory so you can install them in your template. Why Goolge decided to make it so difficult to get the fonts is a mystery?

      code.google.com/p/googlefontdirectory/

Time to create page: 0.098 seconds