2016-05-05 48 views
2

在我的Web應用程序中,我使用的是谷歌字體'Lato'.Now要求是我應該爲我的web應用程序使用'Roboto'字體。用roboto替換Lato字體

我用Roboto替換Lato字體,但是這反映了整個Web應用程序中間距的主要變化。 我在哪裏做錯了?

我無法分享整個頁面的屏幕截圖。

原件與拉託 This is my original part

打擾與的Roboto enter image description here

+1

你是不是做錯誤拉託和的Roboto是兩個不同的字體,它的自然,你會在更改整個應用程序字體之後再進行一些更改.. –

+1

@GauravAggarwal,如此大的變化以至於您要問一個問題?看起來不現實。我期望真的有問題。 – Qwertiy

+0

你能分享屏幕上的字體嗎..檢查你面臨的是什麼樣的問題 –

回答

0

絕對在specifiing尺寸的元件。如果您需要將該網站翻譯成其他語言,則會遇到同樣的問題。如果你改變了一些文字,你也會遇到同樣的問題。等等。

取決於文本的每一個都不應該有明確的大小(至少寬度)。所以當你改變te文本或字體時,元素在大多數情況下只是放大或縮小而沒有負面影響。

唯一的例外是將一些元素集合放入一個raw或限制其最大寬度。如果出現更多文本或新字體更寬,這些可能會導致問題。無論如何,如果整個網站都包含這些元素,那就不太好了。而Roboto並不比Lato寬,所以不是你的情況。

1

每個字體系列都有自己的字母間距和行高。現在你需要設置你的字母間距和行高!

0

是否可以查看您的網頁?

您也可以更改使用CSS屬性「字母間距」字母之間的間距

h1 { 
 
    letter-spacing: 2px; 
 
} 
 
h2 { 
 
    letter-spacing: 5px; 
 
}
<h1>SAMPLE</h1> 
 
<h2>SAMPLE</h2>

+0

字母間隔更好。 – Qwertiy