html - Kudakurage Ligature fonts in IE10 -
I am trying to use Kudakura Ligature fonts on my site. It works in all "modern browsers", however for some reason, it does not work on IE10.
If I create a separate HTML file with some elements to test fonts, then it works fine!
The code I used is absolutely the same, and I have used the debug tool to ensure that none of the CSS rules suffer from
actually Would like some help on this issue. I do not want to resort to the old trick to use images on my site again: (
The code has been used: HTML:
; Src: url ('LigatureSymbols- 2.11.you')) src: url ('LigatureSimples-2.11.eot? #Ifix') format ('embedded-opentype'), url ('ligictSmoles-2.11.WeF') format (' ('TrueType'), URL ('LigatureSimples -2.11 SVG # LigatureSimmels') format ('SVG')); URL ('ligaturecimples -2.11.TTF') format; Src: url ('LigatureSimples -2.11 Ttf') format ('truetype'); Font-weight: normal; Font-style: normal;} .lsf {font-family: 'ligersymbols'! Important; - webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimization; -Max-Text-Rendering: Optimization; -O-Text-Rendering: Optimization; Text-rendering: Optimizingability; WebCat -Font-Smoothing: Antialias; -mose-font-smoothing: antialiage; -Mess-Font -Something: Antialias; -o-font-sms oh: antialiage; Font-smoothing: antialiage; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga = 1, dlig = 1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; Font-feature-settings: "liga" 1, "dlig" 1; }
The Kudakurage Ligature font can be found here:
Some other things may be wrong in this
The problem of other CSS P> I have created an example: it shows an example of a work and failed 'unsuccessful font scenario'. / * unsuccessful font scenario * / @ font-face {font-family: LigatureSymbols_1 '; Src: url ('there / is / not / font / here / ligature symlables -2.11.'); Src: url format ('there / is / not / font / here / ligature symboles-2.11.it? #fix') format ('embedded-opentype'), url ('there / is / not / font / here / ligature symples -2.11' .woff 'format (' woff '), url format (' there / is / not / font / here / ligatureSymbols-2.11.ttf ') format (' truetype '), url (' there is / is / not / font / here / LigatureSimos -2.11.svg # LigatureSymbols') format ('SVG'); Src: url ('there / is / not / font / here / ligature symboiles-2.11ttt') format ('true type'); Font weight: normal; Font style: normal; } You get 404 in the debugger:
The answer to your question ensures that the font loads
Comments
Post a Comment