Google Web Font Michroma - 顶部空间

时间:2017-10-17 09:19:26

标签: css html5 google-webfonts

Google的Michroma webfont似乎在字母上方有间距,有没有办法改变这个间距?它似乎是字体本身的一部分?我把Tahoma放在它下面来比较间距。为了显示两种字体之间的间距,我添加了一种背景颜色,并提供了一个指向JSFiddle的链接来显示它。

HTML

   <div>
       <p class="michroma">Michroma</p>
       <p class="main">Tahoma</p>
   </div>
   <div>
       <p class="michroma small">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules.</p>

       <p class="michroma small">Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue
        es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan</p>
       <p class="main small">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules.</p>

       <p class="main small">Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue
        es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan</p>
    </div>

CSS

@import url('https://fonts.googleapis.com/css?family=Michroma');

.michroma { 
    font-family: 'Michroma', sans-serif;
    font-size: 100px;
    background-color: aqua;
 }

 .main { 
    font-family: Tahoma;
    font-size: 100px;
    background-color: aqua;
 }

.small { font-size: 16px; }

的jsfiddle https://jsfiddle.net/zerolfc/ofs7vxou/

Illustration of the space above the Michroma webfont

0 个答案:

没有答案
相关问题