html - Why aren't my fonts working? -
my fonts work on chrome, opera , safari not ie or firefox. i'm having trouble understanding @font-face, after reading other questions it.
@font-face { font-family: "tikalsansblack"; src: url("./fonts/tikalsansblack.eot?"); src: url("./fonts/tikalsansblack.woff") format("woff"), url("./fonts/tikalsansblack.ttf") format("truetype"), url("./fonts/tikalsansblack.svg") format("svg") url("./fonts/tikalsansblack.otf") format("opentype"); } @font-face { font-family: 'tikalsansmedium'; src: url('./fonts/tikalsansmedium.eot?'); src: url('./fonts/tikalsansmedium.woff') format('woff'), url('./fonts/tikalsansmedium.ttf') format('truetype'), url('./fonts/tikalsansmedium.svg') format('svg') url('./fonts/tikalsansmedium.otf') format('opentype'); } @font-face { font-family: 'tikalsansthin'; src: url('./fonts/tikalsansthin.eot?'); src: url('./fonts/tikalsansthin.woff') format('woff'), url('./fonts/tikalsansthin.ttf') format('truetype'), url('./fonts/tikalsansthin.svg') format('svg') url('./fonts/tikalsansthin.otf') format('opentype'); }
you missing comma on last 1 of every font
@font-face { font-family: "tikalsansblack"; src: url("./fonts/tikalsansblack.eot?"); src: url("./fonts/tikalsansblack.woff") format("woff"), url("./fonts/tikalsansblack.ttf") format("truetype"), url("./fonts/tikalsansblack.svg") format("svg"), <<== put comma here url("./fonts/tikalsansblack.otf") format("opentype"); }
also concerned file path. if want go level need 2 .
not one. maybe what's required throughout
url("../fonts/tikalsansblack.otf")
Comments
Post a Comment