Use on the webTotal Use [ 6754 ] times
1Add to the head section of web page.
<link href="https://db.onlinewebfonts.com/c/7aa0a19219d98c5fb52d828fe16fccfb?family=PetalaPro-ExtraLight" 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/7aa0a19219d98c5fb52d828fe16fccfb?family=PetalaPro-ExtraLight);
orUse font-face declaration Fonts.(http | https)
@font-face {
font-family: "PetalaPro-ExtraLight";
src: url("https://db.onlinewebfonts.com/t/7aa0a19219d98c5fb52d828fe16fccfb.eot");
src: url("https://db.onlinewebfonts.com/t/7aa0a19219d98c5fb52d828fe16fccfb.eot?#iefix")format("embedded-opentype"),
url("https://db.onlinewebfonts.com/t/7aa0a19219d98c5fb52d828fe16fccfb.woff2")format("woff2"),
url("https://db.onlinewebfonts.com/t/7aa0a19219d98c5fb52d828fe16fccfb.woff")format("woff"),
url("https://db.onlinewebfonts.com/t/7aa0a19219d98c5fb52d828fe16fccfb.ttf")format("truetype"),
url("https://db.onlinewebfonts.com/t/7aa0a19219d98c5fb52d828fe16fccfb.svg#PetalaPro-ExtraLight")format("svg");
}
2CSS rules to specify fonts
font-family: "PetalaPro-ExtraLight";