向Twitter添加一個新的字體系列引導程序

如何添加一個新的字體系列到twitter引導程序中？他們使用一種叫做woff的東西。我正在嘗試將roboto濃縮到.css文件中。我怎麼能這樣做，就像他們用woff做的那樣？向Twitter添加一個新的字體系列引導程序

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url("//themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff") format('woff'); 
}

我到處搜索，但無法找到如何做woff的事情。

來源

2013-11-03 Norman

創建一個新的CSS文件。稱它爲custom.css。將CSS標籤中的CSS文件鏈接爲外部CSS文件。有添加@font-face代碼爲：

@font-face { 
    font-family: 'OpenSans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url("//themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff") format('woff'); 
}

你@font-face代碼似乎缺少某些字體/文件。您可以使用轉換您的字體文件並生成相應的CSS文件。使用該CSS文件塊。

然後在你的font-family css中使用OpenSans。

我希望它有幫助

來源

2013-11-03 07:31:20

其實我想知道如何做ROBOTO的woff。他們如何做.woff的事情？ – Norman

使用http://www.fontsquirrel.com/tools/webfont-generator這可以將您的字體轉換爲所需的其他格式。它會爲你生成包括css文件在內的所有格式 –

向Twitter添加一個新的字體系列引導程序

回答

相關問題