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
Post a Comment