html - @font-face not working with specific version of Internet Explorer 11 -


i know there lots of similar questions situation seems odd. @font-face seems broken internet explorer 11 (windows 7 pro). specifically, version: 11.0.9600.17728, update version: 11.0.18.

@font-face working fine me on chrome, firefox, safari, opera (both linux , windows, applicable). in fact, it's working on internet explorer version: 11.0.9600.17633, update version: 11.0.16, running on windows 7 on different machine have.

there nothing in developer console indicate there problem fetching fonts. i've simplified html/css down basic stuff reproduce problem. in case below, neither of custom fonts working (for specific ie version):

<html> <head>     <link rel="stylesheet" type="text/css" href="test.css" /> </head>    <body>           <p>this font should roboto thin</p>     <p>there should icons below. if not, font-face not working.</p>     <span>a</span>     <span>b</span>     <span>c</span>     <span>d</span>     <span>e</span>     <span>f</span>     <span>g</span>     <span>h</span>     <span>i</span>     <span>j</span>     <span>k</span>     <span>l</span>     <span>m</span>    </body> </html>

...and css:

@charset "utf-8";  @font-face {     font-family: 'robotothin';     src: url('roboto-thin-webfont.eot');     src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),          url('roboto-thin-webfont.woff') format('woff'),          url('roboto-thin-webfont.ttf') format('truetype'),          url('roboto-thin-webfont.svg#robotothin') format('svg');     font-weight: normal;     font-style: normal; }  @font-face {      font-family: 'typicons';      src: url('typicons-regular-webfont.ttf');  }  p {     font-family: robotothin;     font-size: 26px;     color: #666; }  span {     font-family: typicons;     font-size: 30px;     color: #0062a8; }

you can find code running here.
if view page using version of ie causing problems, text font default , instead of icons you'll see letters in span tags.

given @font-face working in every other browser i've tested (even different version of ie 11) bug version of ie, , there can fix or debug further?

this related issue security settings described in bug report.

in security settings go downloads > font downloads. if it's disabled need enable it.


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l...
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more