Author Topic: Google Web Fonts  (Read 1750 times)

Offline mabley

  • Jr. Member
  • **
  • Posts: 30
    • Thrive Artblog
Google Web Fonts
« on: Oct 02, 2011, 12:23:53 »
Is it possible to use Google Web Fonts in these themes?

Where would I add this part?

Code: [Select]
<link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'>
I'm not 100% sure which theme I'll be using, but I was just curious so I could know if I could consider it as part of my design customization.

Further questions:
1. Is it possible to add a font to the font drop down from a google web font?

Offline Arantor

  • Club Member
  • Hero Member
  • *
  • Posts: 824
Re: Google Web Fonts
« Reply #1 on: Oct 02, 2011, 12:32:35 »
Using it in a theme is technically feasible however note that most of the time it will have a visible effect on the loading speed of your forum.

Adding it to the drop down is feasible however it carries the same problem as before, and not all browsers support doing it. Especially since if you add more than one, you have to load every font on every page, and the regular font will be used before the font actually loads.

Long story short: it's really not that great an idea.
When you want help, I'm likely to ask you questions. It's not because I'm a stubborn pain in the backside, it's because I need that information to actually be *able* to help you. Sooner you provide it, sooner you get help, simple as that.

Offline mabley

  • Jr. Member
  • **
  • Posts: 30
    • Thrive Artblog
Re: Google Web Fonts
« Reply #2 on: Oct 02, 2011, 12:34:22 »
Ah thank you.  Good to know!

Offline Cal

  • Club Member
  • Jr. Member
  • *
  • Posts: 66
    • Organized Chaos
Re: Google Web Fonts
« Reply #3 on: Oct 03, 2011, 07:20:52 »
Citiez uses a google web font successfully and I use direct @font calls in my CSS on several forums and it's not a terrible hit (no more terrible than loading a portal or a shoutbox); once the end-user has the font cached, it seems to be fine.

Offline Arantor

  • Club Member
  • Hero Member
  • *
  • Posts: 824
Re: Google Web Fonts
« Reply #4 on: Oct 03, 2011, 07:31:51 »
The hit is not on the server; it is for the user. Most browsers are not actually that hot on caching web fonts, and it's only because Google does most of the work for you that you don't realise how messed up the situation really is (Google has to serve 4 different *types* of font file depending on the browser receiving it), and in some cases I've observed both Firefox and Chrome not caching at all and forcibly downloading it every page load - which often adds 200KB+ per page load.

And if you use privacy mode, you're definitely going to be incurring more hits on it.

200KB per page load doesn't sound much but it's significant on mobile phones (which, surprisingly enough, will NOT cache things; I can't speak for Android browsers, but on iOS devices, items over 25KB are not internally cached, or at least weren't a short while ago - and I don't see this being any different), for users on lower bandwidth (especially metered bandwidth) and it is noticeably different even on users with higher bandwidth capacity.

Also it's unclear whether Google will rank you lower for having an external dependency on the page that needs to be resolved.

If anything, the hit on the *server* is less than a portal or shoutbox, though if either were properly designed even that shouldn't really be a problem either.

Let's also hope you don't want to use SSL as you won't be able to use SSL safely with this unless you're hosting the files yourself...
When you want help, I'm likely to ask you questions. It's not because I'm a stubborn pain in the backside, it's because I need that information to actually be *able* to help you. Sooner you provide it, sooner you get help, simple as that.