Okay
  Public Ticket #952099
Custom Font Integration
Closed

Comments

  •  2
    b3st0fth3w0rst started the conversation

    Hello,

    Just want to inquire about changing the header font to a custom font. If it's possible and how would i go about doing that?

    The font i want to use is in a .ttf (true type font) type. Any way to somehow integrate it into the page for use?

    Thanks,

    Travis.

  • [deleted] replied

    Hi Travis,

    To apply custom fonts on your site first you need to upload your fonts on your server, try upload them somewhere different than the path of theme because when its update you will loose changes, so lets say you upload your font in:

    http://your-domain.com/fonts/font-name/

    Then there should be a .css file for example font.css, copy that in URL:

    http://your-domain.com/fonts/font-name/font.css

    Then go to Kalium > Theme Options > Typography

    and set in in Custom Font (for both Primary and Headings) as shown here:

     

    (view large version)

  •  2
    b3st0fth3w0rst replied

    Thanks for the reply Ylli.

    Unfortunately i don't have a .css file that came packaged with the font. Only thing i see in the zip is .mtt and .ttf.

    Travis.

  •  2
    b3st0fth3w0rst replied

    I tried to use some css, but i found and alternate solution. i used the "Use Any Font" plugin and it worked great.

    Only one problem left...I can't seem to enlarge the h2 font. Even with the previous font that came with the them, i was unable to enlarge it as well. See attached image. No matter what i set the size to, it will not get any larger after a certain point. I can set it smaller.

    I'm guess maybe the size of the container is restricting the font from getting too large. If so, how can i increase the size of the container?

    Travis.

  • [deleted] replied

    Hi there,

    Can you please write URL of this exact page please? I will send you the code to increase the font of H2.

  •   b3st0fth3w0rst replied privately
  • [deleted] replied

    Hi Travis,

    You can edit that title by going to Custom CSS > Responsive option http://drops.laborator.co/CmNQ

  •  2
    b3st0fth3w0rst replied

    That worked, Thanks.

    Travis.

  • [deleted] replied

    Hi Travis,

    Awesome

    P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).

    A huge thank you from Laborator in advance and have a great day!