html - Bolded google font shows text lower than usual -


i have few headings use vollkorn google font. noticed in firefox , chrome default bold weight , normal font style, actual text gets pushed beyond bottom boundary of element. when switch italic, goes normal. doesn't happen when font has normal weight.

i've made bare html file shows behavior problem exists me, sent file else , fine 2 browsers.

i have tried reproduce on jsfiddle no luck. http://jsfiddle.net/5wdju/1/

a

here code on pastebin, pasted jquery simplicity. http://pastebin.com/yxzhqkrd

here screenshot show issue on computer. enter image description here

i tried reproduce going google font website , toggling styles firebug working fine.

am missing styles correct on jsfiddle , on font website? don't understand why wouldn't occur on computer of person sent file to. potential pitfall of google fonts?

maybe lineheight or padding problem. try "inspect element" in chrome or safari (right-click) , view styles active on input form. did try adding reset css? http://meyerweb.com/eric/tools/css/reset/


Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

jquery - How would i go about shortening this code? And to cancel the previous click on click of new section? -

my code below changes image people in team sector, can see theres alot of repeated code; there way shorten it? also currently, allows click on sections without turning off clicked one; assume toggle() function, couldn't work other way! still quite new jquery coding, grand!! cheers in advance! $("#team_client_services").click(function () { if ($(".team_client_services").hasclass("team_hide")) { $(".team_client_services").toggleclass("team_hide"); $(".team_client_services2").toggleclass("team_show"); } else { $(".team_client_services").toggleclass("team_hide"); $(".team_client_services2").toggleclass("team_show"); }; }); $("#team_management").click(function () { if ($(".team_management").hasclass("team_hide")) { $(".team_management").toggleclass("team_hide"); $(".team_management2...
Read more