css - Same Fontface for Multiple Styles -


so have base.css file in static folder, accompanied 2 font files, fontin_sans_r_45b.otf , fontin_sans_sc_45b.otf, regular , small-caps styles, respectively. want define fontfaces both styles, i've done following:

@font-face {     font-family:'fontinsans';     src:url('fontin_sans_r_45b.otf');     font-weight:normal;     font-style:normal; }  @font-face {     font-family:'fontinsans';     src:url('fontin_sans_sc_45b.otf');     font-weight:normal;     font-style:small-caps; } 

i have triple checked file names , locations. yet when try load page, error small-caps font in firefox:

[12:17:27.211] downloadable font: download failed (font-family: "fontinsans" style:normal weight:normal stretch:normal src index:0): status=2147500037 source: file:///users/user/documents/djangoprojects/blogengineenv/blogengine/blogapp/static/css/fontin_sans_sc_45b.otf @ file:///users/user/documents/djangoprojects/blogengineenv/blogengine/blogapp/static/css/base.css 

what doing wrong? aside not anticipating ie messiness -- quick prototype i'm working with.

you have error in declaration.
small-caps not font-style, it's font-variant!

not sure if cause of error though. i'd expect faulty property ignored. however, never know.


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -