"从 Google 字体导入时操作 unicode-range"

Question

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

@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.