讓不同人物類型與谷歌Web字體

[Raleway]是顯示面和下載功能都舊式和襯數字，標準和自由連字，一個漂亮的完整的變音符號，以及更多的幾何無襯線字體的風格替代靈感比它的新怪誕靈感默認字符集。

（重點煤礦）

默認的數字是「舊式」（「onum」 OpenType feature string），在標題中使用時，看起來很可怕。理想情況下，我希望能夠使用「襯裏」變體（「lnum」）和「表格」（「tnum」）字距（相對於比例 - 「pnum」）。

我使用的font-feature-settings聲明如下塊試過了，沒有用：

font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on; 
-moz-font-feature-settings: "onum=0, pnum=0, lnum=1, tnum=1";  /* Firefox */ 
-webkit-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on; /* WebKit */ 
-o-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on;  /* Opera */

有什麼想法？如果我想下載完整的字體，然後將其重新導出爲網頁字體，那麼在確保獲得襯裏數字的同時，我該如何做？

謝謝！

來源

2013-06-20 aendrew

請注意，從來沒有支持[Presto中的'-o-font-feature-settings']（http://www.opera.com/docs/specs/presto2.12/css/fonts/ ）。通過切換到Blink Opera 15開始支持'-webkit-font-feature-settings'。 –

在這裏得到全面和更正確的答案：http://stackoverflow.com/a/15161336/1696030 –

從這個頁面：http://clagnut.com/sandbox/css3/

.lnum { 
    font-variant-numeric: lining-nums; 
    -moz-font-feature-settings:"lnum" 1; 
    -moz-font-feature-settings:"lnum=1"; 
    -ms-font-feature-settings:"lnum" 1; 
    -o-font-feature-settings:"lnum" 1; 
    -webkit-font-feature-settings:"lnum" 1; 
    font-feature-settings:"lnum" 1; 
}

只有雜項文件文件適用於現在，而不是與字體嵌入由谷歌託管網絡字體。在Safari中不支持。如果您想要下載的字體和生成襯裏的數字，或其他OpenType功能的新版本，請http://www.fontsquirrel.com/tools/webfont-generator https://www.typotheque.com/articles/opentype_features_in_web_browsers_-_tests

來源

2013-06-20 19:28:10 jcummins

這實際上現在可以在FF 28（每晚）和Chrome 33（金絲雀）中工作（使用谷歌網頁字體）。不是在Safari 7 ... –

這很好，但是當你把它放在一個有FLOAT LEFT或DISPLAY INLINE BLOCK的元素裏時，它會拋棄字體並使文本彼此重疊。有誰知道爲什麼？或解決方法？ – CodeGodie

@DiegoCamacho也注意到了這一點。我認爲對於Chrome/Safari來說這太具有挑戰性......缺乏這些功能（或者我無法識別的其他東西）的字體會導致各種奇怪的行爲。當我啓用'onum'時，選擇文本會導致這種反向瘋狂。 – Drew

：您可以測試其他字體的功能和瀏覽器支持在這裏。

您需要進入專家模式，但在OpenType Flattening下，您可以選擇Lining Numerals。如果你非常喜歡，你甚至可以生成一個替代W形式的版本。

截至2014年底，這是獲得Safari內襯數字的唯一方法。

來源

2014-10-11 05:09:51 wbond

字體松鼠似乎已經更新：現在有一個選項可以保留所有功能...它很棒。 – WraithKenny

爲了跟上wbond的答案，這個帖子應該得到所有的讚譽，字體松鼠的專家模式起初看起來很嚇人。但他提到了重要的備用W，這對於Rleway來說是一個很大的區別。注意風格之間的G也不同。

您只需在OpenType Features框中放入「salt」並下載您的套件。

那麼無論你要訪問的鹽風格，您添加到的CSS：

-moz-font-feature-settings:"salt" 1; 
    -ms-font-feature-settings:"salt" 1; 
    -o-font-feature-settings:"salt" 1; 
    -webkit-font-feature-settings:"salt" 1; 
    font-feature-settings:"salt" 1;

對不起，這應該是對這個問題的答案註釋，但我不能添加圖像來評論。如果有其他人有這張照片給我看，我會省下一些時間，所以我覺得這是值得發表的。

來源

2017-01-27 23:11:52

讓不同人物類型與谷歌Web字體

回答

相關問題