otf file for web code example
Example 1: otf css3 font-face
@font-face {
font-family: GraublauWeb;
src: url("path/GraublauWeb.otf") format("opentype");
}
Example 2: css how to embed fonts
/************* How to embed fonts using GOOGLE FONTS? ******************
This will ensure that the Font type of your choice will appear for all
users, regardless of whether or not they have this Font installed!
1º - Go to https://fonts.google.com/
2º - Choose a Font and, for that particular choice, you mark the option:
"Select this style". Do this for every Font you wish to incorporate
3º - In the page of your "Selected Family", go to the option "Embed"
4º - Copy the link and paste in the <header> of your html file: */
<link href="https://fonts.googleapis.com/css2?family=..."
rel="stylesheet"> /*
5º - Finish by copying the "CSS rules to specify families" that the site
gives you and (in your css file) pasting a new property to your element,
for exemple: */
h1 {
font-family: "Sacramento", cursive;
}