Manipulate unicode-range while importing from Google Fonts

Question

My question can be seen as a follow-up of this answer<\/a> .

My problem is that I don't get it to work with an include:

@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700");

Answer 1

If you want set the range while you are importing, just add to the link the variable 'subset'.

For example:

@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin");

Or, if the text is very small you can change the subset variable for text, and add the content inside.

For example:

@import url("http://fonts.googleapis.com/css?family=Inconsolata&text=Hello");

Documentation

Answer 2

What is unicode-range<\/code> ?<\/h2>

It's a prop used to tell the browser when to download<\/strong> a font file. As soon as any character that belongs to the given range is rendered: the font file is downloaded.

<\/h2>

The best option is to use the text<\/code> parameter to get a font file per style that contains just the characters you need, in this case the range [0-9]<\/code> .