ios - Letter spacing doubles for font-face fonts on iPhone -

-

i used fontsquirrel download webfonts letter spacing doubles on iphone. tried enabling "remove kerning" in fontsquirrel settings doesn't work.

@font-face { font-family: 'fjalla_oneregular'; src: url('../../core/texts/fjallaone-regular-webfont.eot'); src: url('../../core/texts/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'),      url('../../core/texts/fjallaone-regular-webfont.woff2') format('woff2'),      url('../../core/texts/fjallaone-regular-webfont.woff') format('woff'),      url('../../core/texts/fjallaone-regular-webfont.ttf') format('truetype'),      url('../../core/texts/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased;

}

.post-header h1 {     font-family: "fjalla_oneregular", impact, helvetica neue, helvetica, sans-serif;     font-weight: 700;     text-transform: uppercase;     color: #191919;     letter-spacing: 0px; }

is there workaround make spacing match between desktop browsers , mobile?

that can confusing , tough problem find solution for. try moving svg url line before eot url line. appears chrome utilises .svg file in @font-face kit, , doesn’t being called last. below standard call @font-face using css:

@font-face {   font-family: 'chunk-webfont';   src: url('../../includes/fonts/chunk-webfont.eot');   src: url('../../includes/fonts/chunk-webfont.eot?#iefix') format('eot'),   url('../../includes/fonts/chunk-webfont.woff') format('woff'),   url('../../includes/fonts/chunk-webfont.ttf') format('truetype'),   url('../../includes/fonts/chunk-webfont.svg') format('svg');   font-weight: normal;   font-style: normal; }

as can seen in example, .svg file comes last in list of called urls. if amend code target webkit browsers, tell them solely utilize .svg file.

@font-face {   font-family: 'chunk-webfont';   src: url('../../includes/fonts/chunk-webfont.eot');   src: url('../../includes/fonts/chunk-webfont.eot?#iefix') format('eot'),   url('../../includes/fonts/chunk-webfont.woff') format('woff'),   url('../../includes/fonts/chunk-webfont.ttf') format('truetype'),   url('../../includes/fonts/chunk-webfont.svg') format('svg');   font-weight: normal;   font-style: normal; }  @media screen , (-webkit-min-device-pixel-ratio:0) {   @font-face {font-family: ‘chunk-webfont’;   src: url(‘../../includes/fonts/chunk-webfont.svg’) format(‘svg’); }

i using typeface , same code fontsquirrel , after ios 10 update few of sites broken incorrect font spacing.

see font face chrome rendering reference (big sam goddard post!)


Comments

Post a Comment

Popular posts from this blog

Multilayer CSV to filtered excel -

-
[enter image description here][1]i have following format csv hierarchy data (up 12 layers) , trying fill in excel can @ end create pivot of data. each file (over 1000) different, have been trying code macros unable remove bugs. first aproach create table , use above cell on blanks, because of layers not correct end of table any idea on how approach using macros? level 1,level 2,level 3,level 4,level 5,level 6,level 7,level 8,level 9,level 10,level 11,level 12 test ,,,,,components ,,,,,,default logic ,,,,,,,z04 - z05 ,,,,,,,,z04 () ,,,,,,,,,%pwr_pg_u_backlight% () components ,c ,,c802 - c842 ,,,c802 ,,,,1 (1) ,,,,2 (2) [this got| http://i.stack.imgur.com/bj2qg.png] [this need pivot| http://i.stack.imgur.com/7q6jq.png] to 'text columns' in vba row_count = 13 = 1 row_count strarray = split(cells(i, 1).value, ",") count = lbound(strarray) ubound(strarray) cells(i, count + 1).value = strarray(count) next next
Read more

Listboxes in c# -

-
i have form 2 listboxes, listbox1 & listbox2. on form load filling both list boxes same no. of items. want if select item @ index 1 in listbox1 in listbox2 item same index should selected. how achieve this? subscribe on both listboxes selectionchanged event , set selectedindex accordingly opposite listbox.
Read more

ios - Why must I define variables twice in the Header file? -

-
why must define variables twice in header file? differences there between these variables? the first definition here: @interface mycontroller: uiviewcontroller { nsinteger selectedindex; } the second definition here: @property (nonatomic) nsinteger selectedindex; what you're seeing required in earlier versions of objective-c, isn't more. in first versions of objective-c used next until new runtime introduced (with objective-c 2.0 on mac os x), instance variables had declared part of class's structure in @interface . reason if subclassed class, compiler needed know instance variable layout of class see @ offset put subclass's instance variables. when properties introduced, synthesized properties had "backed" instance variable in class's structure. therefore had declare both instance variable , property. all of above no longer true. newer objective-c less fragile in way looks instance variable...
Read more