2016-03-06 64 views
0

我的個人網站使用Helvetica,它被定義爲CSS中的字體系列。該網站在所有瀏覽器上的OS X和iOS上都看起來不錯,但是當我在Windows 7機器上查看它時,它似乎沒有使文本相同,基本上看起來......很糟糕。網頁字體在OS X和Windows之間不匹配

因爲我對網絡字體知之甚少,所以希望有人能夠解釋爲什麼不同的操作系統在網絡上呈現不同的字體,並且是否有任何代碼技巧在所有平臺上呈現統一樣式。

感謝您的任何幫助。

這裏順便把網站:colm.io

回答

1

好吧,如果操作系統有Helvetica字體,瀏覽器可以能夠顯示,否則,瀏覽器會根據您FONT-FAMILY屬性選擇其他的備份字體。或者你可以看看https://developers.google.com/fonts/docs/getting_started,這是爲了讓瀏覽器自動從谷歌下載字體並將其用於顯示,並且它不會在用戶的操作系統上安裝字體。

CSS fontface: https://css-tricks.com/snippets/css/using-font-face/

CSS FONT-FAMILY: http://www.w3schools.com/cssref/pr_font_font-family.asp

兼容性:http://caniuse.com/#feat=fontface

我個人使用的Roboto家族網絡字體,這是谷歌,它設計了一個全新的字體可以在android,ios,web和OS中使用。

+0

感謝您的幫助。是的,似乎每個瀏覽器都支持不同的字體,並有不同的顯示方式。通過在CSS中爲我的font-family屬性添加更多字體,如果瀏覽器不支持我的第一選項,我可以「回退」另一種字體。 – colmulhall

相關問題