0
Welcome Guest! Login
0 items Join Now

Tutorial - how to add custom fonts

    • EuRip's Avatar
    • EuRip
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: Tutorial - how to add custom fonts

    Posted 14 years 3 months ago
    • Hi everyone,

      I've went threw the steps above and have the drop down showing in gantry, but i select it and it doesn't updated in the template. I'm using Crystalline has my template. Any help would be great.

      Thanks
    • swedeboy's Avatar
    • swedeboy
    • Sr. Rocketeer
    • Posts: 158
    • Thanks: 0
    • Site Manager of queermagazineonline.com

    Re: Tutorial - how to add custom fonts

    Posted 14 years 1 month ago
    • Works for me neighter (Hybrid Template).

      Btw is it possible to add cufon somewhow? Sophie Kovalevsky, would be so kind and tell how did you do that?
    • JS Version:2.0.4
      PHP 5.2.14, Joomla! 1.5.22
      Joomla template: Tachyon from RocketTheme, JomSocial template: quantum
      http://www.queermagazineonline.com
  • Re: Tutorial - how to add custom fonts

    Posted 14 years 3 weeks 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...

      Hi Sophie, i have the same need with the consolas fonts, can you explain how do you add the fonts?

      thank's and regards
    • Martin Bergmann

      http://www.lavalpolicella.com
  • Re: Tutorial - how to add custom fonts

    Posted 13 years 11 months ago
    • good tutorial. helped out with me adding my own font to reaction.
    • Avdon's Avatar
    • Avdon
    • Rocketeer
    • Posts: 53
    • Thanks: 0

    Re: Tutorial - how to add custom fonts

    Posted 13 years 9 months ago
    • 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: ?
    • Joomla 1.5.22 Crystalline template http://www.ladeenyon.net/
      PHPBB 3.0.7-PL1 Crystalline template http://www.ladeenyon.net/forum/
      PHP Version 5.2.6-1+lenny9
      Apache Version Apache/2.2.9 (Debian) PHP/5.2.6-1+lenny9 with Suhosin-Patch mod_perl/2.0.4 Perl/v5.10.0
  • Re: Tutorial - how to add custom fonts

    Posted 13 years 9 months ago
    • Hi,
      I am having some trouble loading fonts to the gantry template. I don't see a template.css or anything since I creating my own. Is there a specific place where I would add that. I want to add the Bebas font like you had using font squirrel. I'm not sure if it goes in the template.php file or somewhere else.

      Can you help please? thanks!

      0307263.netsolhost.com/
  • Re: Tutorial - how to add custom fonts

    Posted 13 years 8 months ago
    • Hello can anyone help me this? I don't see a template.css file in gantry anywhere. Do I need to create to get the fonts to work?
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: Tutorial - how to add custom fonts

    Posted 13 years 8 months ago
    • Did you check in /templates/rt_templatename_j15/css/template.css?
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
  • Re: Tutorial - how to add custom fonts

    Posted 13 years 8 months ago
    • That's the thing I am not using a specific rockettheme template. I am just using the gantry framework and editing the css directly. Not sure if thats the right way to do it. But I have rt_granty_15 and inside ins a template.xml file and some php files.
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: Tutorial - how to add custom fonts

    Posted 13 years 8 months ago
    • Frances Munoz wrote:
      That's the thing I am not using a specific rockettheme template. I am just using the gantry framework and editing the css directly. Not sure if thats the right way to do it. But I have rt_granty_15 and inside ins a template.xml file and some php files.
      hi there,

      you are editing the css inside the gantry framework itself?
      bad idea, because you will loose ALL your changes when you update gantry.

      still not sure how you can use gantry without a gantry template?

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

Time to create page: 0.065 seconds