Installing Webfonts
After ordering Lineto web fonts, you will receive a .zip file which once unzipped, contains a web font folder. This folders contains the web fonts in WOFF2 format, an example CSS-file with disclaimer text and @font-face feature statement, a specimen sample and licence note.
To install the web fonts, upload the folder named "fonts" to the directory on your server, where you have placed your main css file. Copy the content of the "stylesheet.css" including license and @font-face statements into your main css file. Usually it’s best to paste it at the beginning of your file. Assign the font-family of your css-elements to e.g. „FONTNAMEWeb-STYLENAME", where you want to use the font.
You can find more information about the @font-face feature here:
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
The @font-face CSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.
The @font-face at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.
Installing Webfonts
After ordering Lineto web fonts, you will receive a .zip file which once unzipped, contains a web font folder. This folders contains the web fonts in WOFF2 format, an example CSS-file with disclaimer text and @font-face feature statement, a specimen sample and licence note.
To install the web fonts, upload the folder named "fonts" to the directory on your server, where you have placed your main css file. Copy the content of the "stylesheet.css" including license and @font-face statements into your main css file. Usually it’s best to paste it at the beginning of your file. Assign the font-family of your css-elements to e.g. „FONTNAMEWeb-STYLENAME", where you want to use the font.
You can find more information about the @font-face feature here:
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
The @font-face CSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.
The @font-face at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.