Note that there are some explanatory texts on larger screens.

plurals
  1. PORaleway font adding additional padding to the top of text on Windows only
    primarykey
    data
    text
    <p>I'm using the Raleway font provided by Google's Web Fonts and I have found that on my Windows 7 machine (tested with IE9, Firefox, Chrome, Safari) that addtional padding appears to be added to the top of text. When I check it out on my Mac (tested with Firefox, Chrome, Safari) it's fine. If I pick a different font from Google's Web Fonts, it's fine (at least with the ones I checked out). Has anyone else ever come across this and know of a way I can fix it?</p> <p>HTML</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;?php bloginfo('name'); ?&gt; - &lt;?php bloginfo('description'); ?&gt;&lt;/title&gt; &lt;link href="&lt;?php bloginfo('stylesheet_url'); ?&gt;" rel="stylesheet" type="text/css" /&gt; &lt;link href="http://fonts.googleapis.com/css?family=Raleway:100&amp;v1" rel="stylesheet" type="text/css"&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;p class="test"&gt; Hello World &lt;/p&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>CSS</p> <pre><code>body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} body { font-size: 62.5%; } .test { font-family: 'Raleway', sans-serif; font-size: 4em; text-transform: lowercase; font-weight: normal; font-style: normal; background: rgb(0,0,0); background: rgba(0,0,0,0.5); color: #fff; } </code></pre> <p><img src="https://i.stack.imgur.com/v94bZ.jpg" alt="enter image description here"></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload