1. 首頁
  2. 問答
  3. 在瀏覽器中使用OpenType字體

在瀏覽器中使用OpenType字體

2012-11-27 58 views
3

我想要使用的特定字體種類（帶連字符）只能用作OpenType。在瀏覽器中使用OpenType字體

我想找出哪些瀏覽器能夠正確顯示它，以及如何將它添加到CSS。

我發現這篇文章從2012年7月，等保羅愛爾蘭的捐款，這表明它可能是權威：

http://www.typotheque.com/articles/opentype_features_in_web_browsers

但我不明白，這讓OpenType字體之間的區別，和OpenType功能：

But while all modern browsers can display OpenType *fonts*, only Firefox 
(since version 4) [1], Internet Explorer 10 (preview version)[2] and 
the latest versions of Google Chrome[12] are currently able to display 
OpenType *features*.

所以：

  1. 我可以在現代瀏覽器中使用此OpenType字體嗎？ OpenType字體和功能有什麼區別？我希望能夠顯示ASCII字符和連字。
  2. 我應該如何在CSS中包含OpenType字體？

謝謝！

來源

2012-11-27 Richard

回答

4

有你的字體（你可以合法地作爲一個可下載的字體使用的字體）的實際方式在瀏覽器中使用的是使用諸如FontSquirrel @font-face Generator服務創建所需的不同字體格式以及使用其生成的CSS代碼的方式（可能需要調整斜體，粗體或任何其他常規字體）。

假設字體最初具有連字定義，並且轉換器保留了信息（您需要在轉換後運行一些測試），但在現代版本的Firefox中默認使用「標準」連字。爲了讓Chrome和Safari中使用它們，添加CSS聲明

text-rendering: optimizeLegibility

（被應用到任何元素應該連字呈現），並支付IE 10爲好，還加

-ms-font-feature-settings: "liga";

而只是爲了安全，添加所提出的標準制定，以及：

font-feature-settings: "liga";

我覺得這給你一切，你現在可以得到或在不久的將來。

如果字體包含上下文（clig），酌情（dlig）或歷史（hlig）連字的定義，則可以在某些瀏覽器上啓用它們。例如，下面讓自由連字除了標準連字：

-ms-font-feature-settings: "liga", "dlig"; 
-webkit-font-feature-settings: "liga", "dlig"; 
-moz-font-feature-settings: "liga", "dlig"; 
font-feature-settings: "liga", "dlig";

可以將這些使用Google web font來源三世臨，它具有標準連字「FF」和「金融時報」（區別於非結紮測試至少以足夠大的字體大小呈現）。

關於理論，OpenType是一種規範和一種字體格式，允許在字體文件中嵌入印刷信息等等。瀏覽器可能支持格式而不支持使用嵌入信息。

來源

2012-11-27 18:28:05

+0

優秀的答案，謝謝。 – Richard

0

我認爲OpenType功能可能會使用OpenType字體中字符之間的連字。這就是瀏覽器如何將這些字母互連起來並且具有巨大的標籤列表。

您可以在這篇文章中查看更多細節：http://ilovetypography.com/OpenType/opentype-features.html。

此外，您可以檢查維基百科文章中的標籤規格。 Paul Irish和其他人說，並非所有瀏覽器都支持這些功能，但幾乎所有現代瀏覽器都傾向於支持css3屬性，其中之一是通過@font-face規則包含字體類型。 =>http://www.w3schools.com/css3/css3_fonts.asp

如果您需要在您的字體變換一些可以檢查fontsquirrel服務：www.fontsquirrel.com

來源

2012-11-27 17:11:14 Kornel

相關問題

 相關問題