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'); } 

here's website i'm working on

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

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -