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
    • Hey Kat,

      Thanks for responding. Should I make a stylesheet and use that? This is my first time working with gantry it so not exactly sure what the best way is. As fart the template I have an rt_gantry_15 folder, but no template.css file. Just a template.xml and some php files. So i guess that's the gantry default??

      Here is the website so you can see: 0307263.netsolhost.com
      I just want the fonts to be bebas and not sure how to go about that.
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25899
    • Thanks: 334

    Re: Tutorial - how to add custom fonts

    Posted 8 years 11 months ago
    • hi again,

      ok, gantry core template has some style specific files. it has no template.css file, so you can use style1.css (or whichever style you're using) and add the code there.

      kat :)
    • Kat05 / QA Lead & Support / Germany
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 11 months ago
    • Hey Kat,

      Thanks it worked!

      You said not to edit gantry framework directly can you direct to what I would do to fix that so when I do the update the customizations don't go away?
      Thanks again!
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25899
    • Thanks: 334

    Re: Tutorial - how to add custom fonts

    Posted 8 years 11 months ago
    • Frances Munoz wrote:
      Hey Kat,

      Thanks it worked!

      You said not to edit gantry framework directly can you direct to what I would do to fix that so when I do the update the customizations don't go away?
      Thanks again!
      do not edit any files inside the com_gantry directory. apply all your changes to the template itself.

      kat :)
    • Kat05 / QA Lead & Support / Germany
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 11 months ago
    • Thank you!
    • Dan10's Avatar
    • Dan10
    • Jr. Rocketeer
    • Posts: 46
    • Thanks: 0

    Re: Tutorial - how to add custom fonts

    Posted 8 years 10 months ago
    • Well i followed the tutorial, and added my own font. However when i select the font, the front end does not change. I have made sure everything is correct, and still no luck im using the FIFA welcome font. Hope you can help Thanks! :)
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 9 months ago
    • And with Joomla! 1.6.1 ?
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 9 months ago
    • Thank you for this tutorial, just what I was looking for, and didn't even have to search for it :)
  • Re: Tutorial - how to add custom fonts

    Posted 8 years 9 months ago
    • Avdon wrote:
      I downloaded font "Motken Unicode Hor" as ttf file.
      using this generator http://www.fontsquirrel.com/fontface/generator I download a package and from it I upload files "motken_unicode_hor-webfont.eot", "motken_unicode_hor-webfont.ttf" to "templates/rt_crystalline_j15/fonts".
      And inside the package was a file stylesheet.css, inside it I found this:
      /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 15, 2011 */
       
       
       
      @font-face {
          font-family: 'MotkenUnicodeHorMotkenUnicode';
          src: url('motken_unicode_hor-webfont.eot?') format('eot'),
               url('motken_unicode_hor-webfont.woff') format('woff'),
               url('motken_unicode_hor-webfont.ttf') format('truetype'),
               url('motken_unicode_hor-webfont.svg#webfontDiQYJZvi') format('svg');
          font-weight: normal;
          font-style: normal;
       
      }
       
       
      I add this code to template.css file:
         /* Adding Font MotkenUnicodeHorMotkenUnicode */
          @font-face {font-family: MotkenUnicodeHorMotkenUnicode;src: url(../fonts/motken_unicode_hor-webfont.eot);}
         @font-face {font-family: "MotkenUnicodeHorMotkenUnicode";src:local("MotkenUnicodeHorMotkenUnicode"), url(../fonts/motken_unicode_hor-webfont.ttf) format("truetype");}
       .font-family-MotkenUnicodeHorMotkenUnicode h1, .font-family-MotkenUnicodeHorMotkenUnicode h2.title, .font-family-MotkenUnicodeHorMotkenUnicode .rt-joomla .user legend, .font-family-MotkenUnicodeHorMotkenUnicode .rt-joomla .contact legend, .font-family-MotkenUnicodeHorMotkenUnicode .componentheading , .font-family-MotkenUnicodeHorMotkenUnicode .edit-article legend {font-family: MotkenUnicodeHorMotkenUnicode,Helvetica,Arial,sans-serif;letter-spacing: normal;font-weight: normal;}
      And I add
      <option value="MotkenUnicodeHorMotkenUnicode">MotkenUnicodeHorMotkenUnicode</option>
      in templateDetails.xml file :
      <param name="font" type="chain" label="FONT_SETTINGS"  description="FONT_SETTINGS_DESC">
                      <param name="family" type="fonts" default="helvetica" label="FONT_FAMILY" description="" isbodyclass="true" setbyurl="true" setinsession="true" setbysession="true" setincookie="true" setbycookie="true">
                          <option value="MotkenUnicodeHorMotkenUnicode">MotkenUnicodeHorMotkenUnicode</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>
      Uploaded files "template.css", " templateDetails.xm".
      So every thing is done as described in this tutorial.
      But When I change the font to MotkenUnicodeHorMotkenUnicode in Settings>Font Settings>Font Family, the font doesn't really change in the front end, it still the same as before!

      Can you help me please :cry: ?


      hello, i have the exact same problem. have you found a solution?? thanks a lot...

      mariana.
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25899
    • Thanks: 334

    Re: Tutorial - how to add custom fonts

    Posted 8 years 9 months ago
    • hi there,

      do you have a link to your site so we can take a closer look?

      thanks, kat :)
    • Kat05 / QA Lead & Support / Germany

Time to create page: 0.138 seconds