[Pro] Fonts

If I want to install multiple google fonts, one for a logo and one for text. Is there a different way about installing them or do both the same way?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Howard—Install the two fonts the same way. Install as many as you want. Understand though, the more Google fonts you use, the more overhead your site is going to demand (processing power or bandwidth?…someone help me with this if it’s not clear).

Rick

On Oct 11, 2014, at 3:36 PM, Howard Spaeth email@hidden wrote:

If I want to install multiple google fonts, one for a logo and one for text. Is there a different way about installing them or do both the same way?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You’re right.

The more requests the browser must make to a server (yours, Google etc.) the longer it will take to get things moving. Whether that will result in a noticeable wait is debatable but the more stuff that needs to be downloaded the more time it takes.

This is why it’s a good idea to use tools like GTMetrix to asses potential performance issues.

Todd

Understand though, the more Google fonts you use, the more overhead your site is going to demand (processing power or bandwidth?…someone help me with this if it’s not clear).


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can add multiple fonts to a collection and the google will give you include code for them all e.g.

<link href='http://fonts.googleapis.com/css?family=Open+Sans|Montserrat' rel='stylesheet' type='text/css'>

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I put the whole code before right?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Google suggest that you add the code after

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Got it. Thanks. Will that affect the whole page or only things that are after I may have some text on the very very top of the page


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The defines the metadata about your page — the title, any scripts or stylesheets — it is not a place where visible content occurs. That happens in the tag, which encompasses everything visible on the page.

Walter

On Oct 11, 2014, at 6:15 PM, Howard Spaeth email@hidden wrote:

Got it. Thanks. Will that affect the whole page or only things that are after I may have some text on the very very top of the page


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I got that. Was just wondering how it works. I’ll put the fonts the font where google suggests it and see what happens! I know I had trouble with it in the past. Which is the easiest way to install a font into freeway besides the code. I remember I found a video, but not sure where


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I remember I found a video, but not sure where

Try Thomas’s site - I think he has one.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Will do… thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

http://www.kimmich-digitalmedia.com/videos/015_the-coding-episodes-part8-google-webfonts


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Also, for your logo font, remember that you can get a subset of the font with only the characters that you need by appending &text=Characters to the end of the font URL.

For example, if the font is Lato, and only need to use the characters to spell “Howard” this is how it would look:

<link href='http://fonts.googleapis.com/css?family=Lato&text=Howard' rel='stylesheet' type='text/css'>

For Lato, that brings the font file download size from 28.65 KB to 1.76 KB - a truly gigantic savings!

You should check out the official documentation on this for more details: Pierwsze kroki z interfejsem Google Fonts API  |  Google for Developers


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

How would that work if I am using another font for all letters?

Examples: Times New Roman : Howard
Arial: My name is archibald and I like to chew on carrots.

Would putting the subset for “howard” affect the arial font?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Would putting the subset for “howard” affect the arial font?

It depends on how you link to the font (this is probably why the subsetting feature is in “beta”).

Let’s say you are using Lora and Lato on a website - Lora for just “Howard”, and Lato for the rest of the website.

If you use the recommended method for using multiple fonts, and just add &text= at the end of the font that you want to subset, then both fonts will be subsetted:

<link href='http://fonts.googleapis.com/css?family=Lato|Lora&text=Howard' rel='stylesheet' type='text/css'>

This is almost certainly what you don’t want to happen if you want to use Lato for the rest of the text on your website.

Instead, you will need to link to the fonts separately:

<link href='http://fonts.googleapis.com/css?family=Lora&text=Howard' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

This way, you will get a subset of Lora for “Howard”, and the full font of Lato for the rest of the text on the site.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yeah, I think doing it separately will probably be best, so nothing gets all messed up


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Caleb, how can I apend the text before downloading it?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Caleb, how can I apend the text before downloading it?

Do you mean downloading and installing the font so you have it locally? You don’t need to subset that. Just subset the font request on the website for people who don’t have the font installed.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You said to do it so I can minimize the download. How can I do that. Was looking for somewhere on google fonts and could not find how to add the &text=Characters part

Or when i get the api,do I just add that then?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You said to do it so I can minimize the download. How can I do that. Was looking for somewhere on google fonts and could not find how to add the &text=Characters part

Oh. When you paste the code that Google Fonts gives you for the font before the page , just append the &text= part to the end of the URL in the code, like I explained above.

The official documentation is here: תחילת העבודה עם Google Fonts API  |  Google for Developers


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options