2016-05-16 52 views
1

我已將sitka橫幅和sitka顯示字體添加到我目前正在使用的網站。但字體不是渲染,我得到以下錯誤:Microsoft Sitka字體無法在Chrome和Firefox上工作

Failed to decode downloaded font: http://localhost:8080/design/fonts/SitkaBanner-BoldItalic.woff 2016-05-16 16:33:43.133 (index):1

OTS parsing error: OS/2: Failed to read version 5-specific fields

這是每個文件類型都很常見。以下是我的字體人臉代碼:

@font-face { 
    font-family: "banner"; 
    src: url("fonts/SitkaBanner-BoldItalic.eot"); 
    src: url("fonts/SitkaBanner-BoldItalic.eot?#iefix") format("embedded-opentype"), 
    url("fonts/SitkaBanner-BoldItalic.woff") format("woff"), 
    url("fonts/SitkaBanner-BoldItalic.woff2") format("woff2"), 
    url("fonts/SitkaBanner-BoldItalic.ttf") format("truetype"), 
    url("fonts/SitkaBanner-BoldItalic.otf") format("opentype"), 
    url("fonts/SitkaBanner-BoldItalic.svg") format("svg"); 
} 

我在PC上,在safari瀏覽器(windows)上工作正常。幫助表示讚賞。

+0

Windows上的Safari多年來一直未得到支持 - 我認爲它在那裏工作是純粹的運氣。 – scunliffe

+0

出於好奇...你在哪裏得到了微軟允許用作webfont的Sitka版本?也許這跟它有關係? – djangodude

+2

第1步:根據http://stackoverflow.com/a/37091681/740553,「只使用WOFF」。溝**所有**其他格式。除了也許WOFF2。說:你是*絕對不允許使用Sitka作爲webfont *僅僅因爲有人非法將文件上傳到github並不意味着你可以使用它們,你必須購買它,當你這樣做時,你必須使用webfont許可證購買它。當你這樣做時,它就會起作用。 –

回答

2

這是因爲Sitka包含一個特殊的OpenType Table,版本5的OS/2表,它包含兩個特殊字段:usLowerPointSize和usUpperPointSize,用於光學尺寸。 Chrome的字體加載器不支持這些字段。

+0

有沒有辦法讓Sitka Banner以TTF格式工作?我使用@ font-face將.ttf文件加載到我的網站中。它在Windows瀏覽器上加載,而不是在Mac瀏覽器上。 – the12

0

一年之後,仍然存在與消失的CSS編碼@ font-face一樣的問題...在任何Mathew Carter祝福鑄造工廠附近。情況越來越糟糕。聽TED.com特德會談表明我撿起了失敗。它涉及到向量的W3轉換,其中PNG疊加層滑出一個像素,僅通過SVG替換進行糾正。卡特的字體都在抗混疊上發揮作用,具有無與倫比的工業精度。仔細觀察他臭名昭着的Skia字體,觀看Fontd並在Activity Monitor中啓動,他的字體很忙,部分原因是由於Apple和Microsoft加密保護。另外,因爲背景矢量翻譯正在修改反鋸齒。卡特的字體是完美的系統壓力源。他避免了像瘟疫一樣的直截了當。這進一步使系統遷移從基於像素的顯示變爲向基於圖形關聯的複雜化。如果保存錫特卡或Skia的或從蘋果RTF到HTML卡特的字體,字體[曲線]因此編碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
 
<html> 
 
<head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
    <meta http-equiv="Content-Style-Type" content="text/css"> 
 
    <title></title> 
 
    <meta name="Generator" content="Cocoa HTML Writer"> 
 
    <meta name="CocoaVersion" content="1504.83"> 
 
    <style type="text/css"> 
 
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 64.0px Skia} 
 
    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Verdana} 
 
    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 36.0px Skia} 
 
    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 36.0px 'Skia Light'} 
 
    p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; font: 36.0px 'Skia Condensed'} 
 
    span.s1 {font: 36.0px Skia} 
 
    </style> 
 
</head> 
 
<body> 
 
<p class="p1">Skia</p> 
 
<p class="p2">Do not edit this document. It is only for viewing.</p> 
 
<p class="p3">Skia regular</p> 
 
<p class="p4">Skia light</p> 
 
<p class="p3"><b>Skia bold</b></p> 
 
<p class="p3"><b>Skia black</b></p> 
 
<p class="p3">Skia extended</p> 
 
<p class="p3">Skia light extended</p> 
 
<p class="p3"><b>Skia black extended</b></p> 
 
<p class="p5">Skia condensed</p> 
 
<p class="p3">Skia light condensed</p> 
 
<p class="p5"><b>Skia black extended</b><span class="s1"><b><span class="Apple-converted-space"> </span></b></span></p> 
 
</body> 
 
</html>

這完全不像一個SVG圖形,以飽滿的塊的轉換和轉換。在代碼編輯器中打開上面的代碼,添加一個空格,系統作出反應。 Safari中的字體顯示會損壞,代碼無法調用字體。蘋果公司更高級的支持,看着這發生在我身上使用共享屏幕。字體被加密以供系統使用,這在某種程度上阻止了顯示。 Fontlab處理Skia的678 Kb來提取類型面,我們只得到一個65 Kb的Skia-Regular.ttf。完整而不是剪輯,就像101fonts.com上免費分發的Skia字體一樣。但只有一種字體可用,Regular。無法通過蘋果的加密破解。蘋果公司意識到當地文件中的相關風格崩潰,但「我們不知道該怎麼辦」。當然!

style cannot pull encrypted fonts

矢量癱瘓的另一個症狀是使用像宋體或格魯吉亞以JPG或PNG文件卡特標準,過於頻繁的系統無法顯示在本地網頁圖形,資源束縛「引導」的印刷曲線。蘋果再次說,「檢查你的字體。」檢查他們和...什麼? TTF會走向GIF恐龍的道路嗎? SVG字體替換?

相關問題