2012-11-01 87 views
0

我使用twitter Bootstrap並遇到Helvetica Neue字體的問題。 我的系統中有這樣的字體-Photoshop顯示爲「Helvetica Neue LT Com」(截圖),我正在嘗試使用下一個聲明:「Helvetica Neue」,「Helvetica Neue LT Com」,「Helvetica Neue LT Com 37 Thin Condensed 「,Helvetica,Arial,sans-serif;但我的瀏覽器總是使用Arial。爲什麼?Twitter Bootstrap:瀏覽器找不到Helvetica Neue字體

http://imageshack.us/a/img545/6721/fontsn.jpg

+0

你是如何導入它的?又名:請告訴我們你的CSS行。 – Rockbot

回答

2

Helvetica字體不具有完整的瀏覽器的支持;誠實地說,很多字體都不是完全安全的。

可以嘗試使用fontsquirrel來生成字體面代;但是從經驗來看,試圖以這種方式使用Helvetica存在問題。

其他替代辦法是使用一種相似的字體從fontsquirrel或Google Web Fonts或嘗試並找到CSS Font Stack一個網絡安全的字體,顯示在Mac OS X和Windows字體支持,從該鏈接可以看到黑體支持100%在Mac上只有7.34%。

要點是不要使用Helvetica。

0

很難確切地告訴你從問題和Photoshop截圖中究竟你的最終目標是什麼,但本質上瀏覽器只會在幾個預定義的font families中顯示字體。因爲Helvetica與Arial非常相似,即使您可以將Helvetica指定爲顯示字體,它也會默認爲Arial。

您確實可以通過網絡服務(如Google Web Fonts)獲得一些其他選項,這些選項基本上提供了一個API,您可以指向這些API以獲取用於瀏覽器顯示的獨特字體。這確實需要對HTML,CSS和JavaScript有基本的瞭解。