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