Following Chris's awesome tutorial I'm wondering which of these properties ( @font-face, @import) I should use.
Thanks for your answers.
You have to use @font-face regardless if you have a separate stylesheet that you want to import.
What do you think of the disadvantages of @import?
If the file is small enough to not effect the load time significantly of your site then I don't see the disadvantage.
So with @import I load the entire file even though I'd use one icon font ? With @font-face I can select the icon with font squirrel and gain performance ??
@import: imports files
@import url('typography.css');
@font-face: loads the font which you can call by using the font or font-family property.
font
font-family
Alternatively you can just paste the @font-face code into your main stylesheet.
Thanks Chrisburton
Following Chris's awesome tutorial I'm wondering which of these properties ( @font-face, @import) I should use.
Thanks for your answers.
You have to use @font-face regardless if you have a separate stylesheet that you want to import.
What do you think of the disadvantages of @import?
If the file is small enough to not effect the load time significantly of your site then I don't see the disadvantage.
So with @import I load the entire file even though I'd use one icon font ? With @font-face I can select the icon with font squirrel and gain performance ??
@import: imports files
@font-face: loads the font which you can call by using the
fontorfont-familyproperty.Alternatively you can just paste the @font-face code into your main stylesheet.
Thanks Chrisburton