2011-06-28 67 views
3

對於我正在開發的網站,我使用多個@ font-face來設置某些文本的樣式。對於我的一種字體,它在Mac和Windows的所有瀏覽器中顯示效果都很好,但有一個例外,在Windows上使用Chrome瀏覽器(它發生在VistaWindows 7中)。Chrome在Windows中顯示框代替文本(Vista)

在該瀏覽器中正在使用該字體,但文本的空格正在顯示爲框。

我檢查了Mac版Chrome,但問題不存在。我在網上瀏覽過很多關於Chrome瀏覽器顯示盒子/方塊的東西,因爲它無法正確呈現字符/字體,例如日文/中文網站。沒有提到的解決方案,例如清除緩存或重新啓動我的組件,似乎正在工作。

我不確定任何這些情況在這裏適用,以及我的字體出現在網站上,但只有空格顯示爲正方形。這與我正在使用的任何其他@ font-face字體都沒有發生過。

我在網上找到的其他解決方案包括確保您在本地安裝字體。這不是一種選擇,因爲我不能要求每個訪問網站的人在他們的計算機上安裝字體。

我會附加一個鏈接,但項目現在在開發服務器上。

有沒有其他人遇到這個問題,沒有人有任何想法如何解決這個渲染問題?

回答

0

今年我嘗試了許多不同的方法後,我只是在尋找這個答案。我終於通過向字體生成器添加unicode字符來解決它。

簡短的回答是把它添加到對Unicode範圍的字體松鼠設置:

0085, 000A, 000B, 000C, 000D, 2028, 2029 

長的答覆是可以在這個問題:Chrome 10/Windows @font-face encoding trouble

1

我跑進它似乎是在一個問題盒子只出現在文字的隨機區域,僅用於空格。

我的解決方案是打開純文本編輯器,然後在純文本編輯器中重新輸入錯誤內容,然後將其粘貼回內容中。

就我而言,我正在和一位設計師合作,我從AI文件複製了文本,我想像中有一些隱藏的字符正在被複制。

1

我知道這是一個非常古老的職位,但以防萬一對於那些苦苦掙扎讓我產生我的解決方案..

就我而言,我打斷了我的大腦提供各種解決方案,但沒有人給我的工作成果與所有的瀏覽器兼容性..嘗試了一下後,我發現了一個解決方案,這是遵循以下程序。

如果您在nudi,bharaha或任何非Unicode字符鍵入那麼這將工作(我的測試是在nudi)

  1. 鍵入文本在任何軟件,你需要
  2. 試圖爲在線轉換器非unicode爲Unicode(I使用 http://aravindavk.in/ascii2unicode/
  3. 然後嘗試下面

    <style> 
        @font-face { 
        font-family: kannadanudi; 
        src: url('https://github.com/googlei18n/noto-fonts/raw/master/unhinted/NotoSansKannada-Regular.ttf'); 
        } 
        </style> 
    
        <p style="font-family: kannadanudi;"> 
        ನಮ್ಮ ಮಾತು 
        </p> 
    
一段代碼

從上面的代碼中你可以下載並提供本地字體路徑,或者你可以直接鏈接github url。無論如何,這是我做了總結我的問題..提前感謝。如果有任何疑問,可以對此發表評論。