Use on the webTotal Use [ 5505 ] times
1Add to the head section of web page.
<link href="https://db.onlinewebfonts.com/c/9695ecad8bb007115bd8ae8c4c1aadec?family=SF+Pro+Display+Heavy" rel="stylesheet">
orUsing @import CSS directive, put the following line in add to your css file.(http | https)
@import url(https://db.onlinewebfonts.com/c/9695ecad8bb007115bd8ae8c4c1aadec?family=SF+Pro+Display+Heavy);
orUse font-face declaration Fonts.(http | https)
@font-face {
font-family: "SF Pro Display Heavy";
src: url("https://db.onlinewebfonts.com/t/9695ecad8bb007115bd8ae8c4c1aadec.eot");
src: url("https://db.onlinewebfonts.com/t/9695ecad8bb007115bd8ae8c4c1aadec.eot?#iefix")format("embedded-opentype"),
url("https://db.onlinewebfonts.com/t/9695ecad8bb007115bd8ae8c4c1aadec.woff2")format("woff2"),
url("https://db.onlinewebfonts.com/t/9695ecad8bb007115bd8ae8c4c1aadec.woff")format("woff"),
url("https://db.onlinewebfonts.com/t/9695ecad8bb007115bd8ae8c4c1aadec.ttf")format("truetype"),
url("https://db.onlinewebfonts.com/t/9695ecad8bb007115bd8ae8c4c1aadec.svg#SF Pro Display Heavy")format("svg");
}
2CSS rules to specify fonts
font-family: "SF Pro Display Heavy";