Occasional CSS Google font corruption? -


i encountering font corruptions shown in image below, when using open sans (from google fonts) in css (as taken wholesale http://fonts.googleapis.com/css?family=open+sans:300,400,600,700):

corrupted: http://i.stack.imgur.com/jmqjl.png

non-corrupted: http://i.stack.imgur.com/2swub.png

note of text rendered fine, while other text of same markup, second line, gets garbled. doesn't seem kerning issue because symbols rendered entirely different.

i've noticed every lowercase character (and uppercase ones) moves forward one? (e.g. h becomes i letter spacing of h, resulting in ugly "kerning") think may because forward slash (/) used, i've replicated issue in lines without slash, cause strange issue?

the problem resolves refreshing multiple times (both ctrl-f5 or normal f5 don't yield noticeable differences, nor disabling cache via dev tools), comes no discernable pattern.

to clarify, not have font installed locally on computer, woff2 file requested google's servers. both corrupted , non-corrupted text can reproduced regardless of whether browser requests fresh file (http 200) or cache (http 304).

i have encountered problem before using google font (lato), did not take notice of @ point in time.

i'm not sure if issue browser issue (i'm using google chrome 43.0.2357.125) or issue font itself? else face issue well?

i've seen before, never thought reason being google. though.

instead of requesting files googles server, why not serve them own server? download .woff2 , .woff files , include them in css.


Comments

Post a Comment

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

i have web app developed using google app script htmlservice , html form, populating excel sheet in google drive using spreadsheetapp . , 1 section calling contentservice download data excel file. function doget(e) { // read excel sheet //getappfile(); // render application html template return htmlservice.createtemplatefromfile('index').evaluate() .settitle('go smart') .setsandboxmode(htmlservice.sandboxmode.iframe); } function downloaddoublequatecsvfile() { var sheetid = propertiesservice.getscriptproperties().getproperty('sheetid'); var ss = spreadsheetapp.openbyid(sheetid).getactivesheet(); //var ss = spreadsheetapp.getactivespreadsheet().getactivesheet(); var maxcolumn = ss.getlastcolumn(); var maxrow = ss.getlastrow(); var data = ss.getrange(1, 1, maxrow, maxcolumn).getvalues(); if (data.length > 1) { var csv = ""; (var row = 0; row < data.length; row++) { (var c...
Read more

javascript - Function overwritting -

is there way overwrite function or event handling in function? using addeventlistener, can have many event handlers on element want var test=document.getelementbyid("div"); test.addeventlistener("click",function(){alert("im first");},false); test.addeventlistener("click",function(){alert("im second");},false); // alerts "im first" , after "im second" but if want overwrite function/event example based on client width example this function one() { alert("first"); } function two() { alert("second"); } window.onresize = function() { var test = document.getelementbyid("div"); if (window.innerwidth > 500) { test.onclick = 1 } else { test.onclick = two; } } is possible in javascript? in case use effective little known approach. addeventlistener can accept object property handleevent event handler. in case it's easy overwr...
Read more

php - Find a regex to take part of Email -

i have following emails need extract part from: bestellnummer xxx: 1 von xxx, 1er pack ------------- anfang der nachricht ------------- foo bar baz foo bar baz // <<<<< need text here ------------- ende der nachricht ------------- ------------- anfang der nachricht ------------- foo bar baz foo bar baz ------------- ende der nachricht ------------- there 0 unlimited occurences of ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- and i'm able extract first part regex: $re = "/------------- .*? -------------.?(.*?).?------------- .*? -------------/s"; but, i'm quite new on learning regex, i'm pretty sure there must better regex extract part (foo bar baz foo bar baz) of text between ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- as can in different languages, i'm using .? to match between hyphens. i...
Read more