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