1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Changing the font for everything

Discussion in 'Styling and Customization Questions' started by maxwolfie, Jun 28, 2012.

  1. maxwolfie

    maxwolfie Active Member

    I'm currently using Flexile Dark which seems to use Times New Roman, I've looked through the Appearance settings and there are so many different fields that seem to need to be changed.

    1. Is there a simple way of making all text Arial or another similar font?
    2. What is recommended as a more modern-looking font? Perhaps I should just set it to whatever is used for the navigation menu (anyone know what it is?).
    3. Do I need to specify a font family, or is a single font sufficient?

    My website is http://www.hackslashrepeat.com/.
  2. MattW

    MattW Well-Known Member

    I now use Ubuntu font on my forum via google fonts.

    Style Properties --> General --> Body --> Text --> Font Family : 'Ubuntu', Helvetica, Arial, sans-serif

    Just had to set an @import ( @import url(http://fonts.googleapis.com/css?family=Ubuntu); ) in the header template file

    Set ubuntu as the default message font via:

    Style Properties --> Message Elements --> Message Text --> Font Family : 'Ubuntu', Tahoma, "Times New Roman", Times, serif
    smimosmile, Jake Bunce and melbo like this.
  3. Arkshine

    Arkshine Active Member

    @import should be avoid.
    Use :
    <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
    Jake Bunce and MattW like this.
  4. maxwolfie

    maxwolfie Active Member

    So, use:

    <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
    In my header?

    Where exactly does everyone put things into their header?
  5. MattW

    MattW Well-Known Member

    I've got mine in the PAGE_CONTAINER template, but applied via TMS

    Added like this

    <xen:include template="page_container_js_head" />
    <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
    Jake Bunce likes this.
  6. melbo

    melbo Well-Known Member

    Thanks for the tip. Now I'm using Ubuntu fonts everywhere but have come accross this suggestion at Google Pagespeed Insights:

    So how would I go about specifying a cache validator for my new fonts?

  7. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Those "cache validator" headers would be the responsibility of Google since that is their resource. You have no control.
  8. melbo

    melbo Well-Known Member

    Would there be any way to add my Ubuntu webfont to the dropdown in CK editor?
  9. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    smimosmile and melbo like this.
  10. melbo

    melbo Well-Known Member

    Matt, are you still using the above method? Your site looks great with ubuntu everywhere!

Share This Page