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