字體大小不同的字體系列顯示器

每當我來在我的設計點來選擇字體，出現這種常見的問題（常見於每一位設計師）內，字體大小不同的字體系列顯示器

例如我們設置的字體系列和字體大小段落如下，

p { 
    font-family: 'Source Sans Pro', Arial, Verdana, sans-serif; 
    font-size: 13px; 
}

在CSS（衆所周知）當在字體系列第一字體不存在時，它選擇第二字體，並且如果第二不存在它無二第三個等等。

的問題是，宋體是在13 PX比「來源三世臨」做大，宋體是在13 PX比Arial字體更大。

看看這個圖片：
enter image description here

這是問題的每一個設計師的臉，他們認爲字體系列外觀設計每一次。
我希望有一些CSS方法或者通過我們告訴瀏覽器黑客採取「來源三世臨」在13像素，但如果它不存在比不採取宋體在13像素，而不是採取宋體在12px，如果甚至Arial不存在比在11px採取Verdana。
例如font-family-size：'Source Sans Pro'13px，Arial 12px，Verdana 11px;（這個規則是不存在的CSS，它只是我的願望）

摘要：我們可以在實際分配現在爲整個字體系列（字體家族包含不止一個字體），單個尺寸每個字體大小顯示不同的（更小或更大）比相同字體系列中的其他字體。

來源

2014-03-26 Bangash

可能重複[CSS字體大小變化時FONT-FAMILY回落（http://stackoverflow.com/questions/829933/css-font-大小變化時，字體家庭回落） – kei

@kei，是可能是，但我認爲這個問題是更多的信息和詳細.. – Bangash

也許在將來可以使用'calc'來根據像素x高度調整字體大小？ –

你在找什麼是font-size-adjust財產 - 這個問題的近乎完美的解決方案。當然，瀏覽器支持是可怕的：它只適用於Firefox。

下面是一個例子（在Firefox中打開）：http://jsfiddle.net/zL6vL/1/

的

來源

2014-03-27 08:24:39

字體大小不同的字體系列顯示器

回答

相關問題