wordpress - CSS: IE "ignores" font-family, except for in body -
wordpress - CSS: IE "ignores" font-family, except for in body -
i'm having problem getting ie recognise font in wordpress site i'm testing. i'm using helvetica of site, , "harabara" smaller sections. have body's font-family set helvetica , font-family of smaller parts set "harabara". here's @font-face:
@font-face { font-family: 'harabarabold'; src: url('/harabara-webfont.eot'); src: url('/harabara-webfont.eot?#iefix') format('eot'), url('/harabara-webfont.woff') format('woff'), url('/harabara-webfont.ttf') format('truetype'), url('/harabara-webfont.svg#webfontheofuywt') format('svg'); font-weight: normal; font-style: normal; }
and here's body:
body { font-size:100%/130%; line-height: 1; color: black; background: #fff; font-family:helvetica,times new roman,verdana,garamond; width:100%; }
and illustration of subsection uses harabara:
#sidebar-homepage li{ list-style: none; font-family: 'harabarabold'; letter-spacing: 1px; font-size: 1.1em; text-align: left; margin-top: 40px; margin-left: 4px; text-shadow:1px 1px 1px #3fa3b8; }
when view webpage in chrome/ff sidebar-homepage list items display correctly, in harabara font. when test page in ie, sidebar list items display in harabara but, oddly, switch helvetica 1 time mouse cursor enters window.
i'm not sure if problem @font-face, i've tried suggestions here
without luck.
also apologies, there's no live version of site show i'm afraid.
solved. cleaned css little: had font family in sections "#sidebar-homepage li", removed them , set them "#sidebar-homepage" section. started working after that. no thought why!
css wordpress internet-explorer font-face fontfamily
Comments
Post a Comment