css - Don't apply font-family on text -


i've used font-family in css, font-family doesn't apply on text on server. i've applyed font-family follows:

@font-face {   font-family: "sultanadan";   font-style: normal;   font-weight: normal;   src: url("/websitefiles/fontssultanadanbold.otf")format("opentype"),url("/websitefiles/fonts/sultanadanbold.woff") format("woff"),url("/websitefilesfontssultanadanbold.ttf")format("truetype"), url("/websitefiles/fonts/sultanadanbold.svg")format("svg"); } 

this method deepest support possible right now. @font-face rule should added stylesheet before styles.

@font-face {   font-family: 'mywebfont';   src: url('webfont.eot'); /* ie9 compat modes */   src: url('webfont.eot?#iefix') format('embedded-opentype'), /* ie6-ie8 */        url('webfont.woff2') format('woff2'), /* super modern browsers */        url('webfont.woff') format('woff'), /* pretty modern browsers */        url('webfont.ttf')  format('truetype'), /* safari, android, ios */        url('webfont.svg#svgfontname') format('svg'); /* legacy ios */ } 

then use style elements this:

body {   font-family: 'mywebfont', fallback, sans-serif; } 

Comments

Popular posts from this blog

sublimetext3 - what keyboard shortcut is to comment/uncomment for this script tag in sublime -

java - No use of nillable="0" in SOAP Webservice -

ubuntu - Laravel 5.2 quickstart guide gives Not Found Error -