2012-03-19 54 views
0

也許它不應該。但請忍受我。我使用谷歌Web字體,和我包括PT Sans字體,像這樣:歌劇不從網絡字體呈現某些字符

<link href="https://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"> 

,我甚至有設置的.htaccess像這樣:

<IfModule mod_headers.c> 
    <FilesMatch "\.woff$"> 
    Header set Content-Type "application/octet-stream" 
    </FilesMatch> 

    <FilesMatch "\.ttf$"> 
    Header set Content-Type application/octet-stream 
    </FilesMatch> 
</IfModule> 

現在PT Sans字體不包括波羅的海( ąčęėįšųūž)字符,我正在使用。但是,Chrome,Firefox,IE都可以完美呈現它們 - 甚至不會使用其他字體。歌劇只是跳過它們並留下一個空白的空間。

只是意識到它只用粗體字體。檢查這個例子:

<!doctype html> 
<html lang="en" class="no-js"> 
    <head> 
    <title>Font test</title> 
    <meta charset="UTF-8"> 
    <link href="https://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"> 
    </head> 

    <body style="font-family:'PT Sans';"> 
    aceeisuuz<br /> 
    ąčęėįšųūž 
    <p style="font-weight:bold">ąčęėįšųūž</p> 
    </body> 
</html> 

現在我該如何解決它?

回答

0

看起來沒問題,我只是把你的示例代碼扔到jsfiddle中。也許你的CSS /頁面還有其他內容?

http://jsfiddle.net/MetalFrog/gHhGv/

screenshot of jsfiddle

+0

它不會通過jsfiddle顯示給我。完全一樣的Opera構建。粗體字符串未呈現。這到底是怎麼回事? – donkapone 2012-03-19 14:16:21

+0

我清除了Opera緩存並重新加載了您的jsfiddle示例。粗體字符串在頁面加載時出現,然後消失。 – donkapone 2012-03-19 14:19:41

+0

非常時髦。人力資源管理。當我遇到隨機出現的東西時,我總是很鄙視。這有一個根本原因,我們如何縮小它? – MetalFrog 2012-03-19 14:42:12

0

由於PT Sans字體不包含字符波羅的海,瀏覽器會使用一些後備字體。在頁面樣式表中沒有對此進行聲明的情況下,他們將使用其默認方法,因此可能會出現瀏覽器差異。

目前還不清楚爲什麼Opera有時會在這裏失敗,但提供一些計劃後退更重要。選擇完全不同的字體,或者至少在字體列表中指定一些備用字體,例如font-family: 'PT Sans', Arial, sans-serif。這樣可以防止奇怪的混合,比如PT Sans和Times New Roman(常見的默認字體),也可以很好地規避Opera錯誤。

+0

在我的實際項目中,font-family的定義與您所展示的完全相同。當他們是大膽的時候,波羅的海人物仍然不會出現。 – donkapone 2012-03-19 19:30:55

+0

@donkapone,如果您提供實際頁面的網址,我們可以檢查它在其他人的瀏覽器上的樣子 - 它可能是特定於安裝的問題。 – 2012-03-19 21:01:03

+0

MetalFrog在這裏提供了一個示例鏈接http://jsfiddle.net/MetalFrog/gHhGv/,我無法看到粗體字符串。 – donkapone 2012-03-20 10:32:47

0

我遇到了同樣的問題。

的解決辦法是:

  1. 谷歌的Web字體頁|選擇你的cirilic字體|快速使用|驗證您的設置... - >將Cyrilic設置爲選擇。

  2. 清除Opera緩存;