如何將Google字體.ttf文件轉換爲其他類型的文件以支持所有瀏覽器

我將使用「Open Sans」字體。我從谷歌字體目錄下載了這個包。它只有ttf格式的文件。我想要所有的文件格式（EOT，SVG，WOFF）來支持所有的瀏覽器。這個怎麼做。如何將Google字體.ttf文件轉換爲其他類型的文件以支持所有瀏覽器

來源

2016-07-23 UI Developer

谷歌不提供其他格式，但你也不需要自己轉換它們。你可以下載所有的字體格式，包括X-Browser-CSS在http://localfont.com/

@font-face { 
    font-family: 'Open Sans'; 
    font-weight: 400; 
    font-style: normal; 
    src: url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot'); 
    src: url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot?#iefix') format('embedded-opentype'), 
     local('Open Sans'), 
     local('Open-Sans-regular'), 
     url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2') format('woff2'), 
     url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'), 
     url('http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf') format('truetype'), 
     url('http://fonts.gstatic.com/l/font?kit=cJZKeOuBrn4kERxqtaUH3Zbd9NUM7myrQQz30yPaGQ4&skey=62c1cbfccc78b4b2&v=v13#OpenSans') format('svg'); 
}

來源

2016-07-26 13:02:38 udondan

您可以使用Microsoft Web Embedding Fonts Tool (WEFT)。它可以幫助您創建EOT對象。

至於Open Sans，您可以返回Google字體網站並獲取將其嵌入到您的網站的鏈接。

在舊的Google字體網站（google.com/font）中，找到字體並按下「快速使用」按鈕。有一個「添加此代碼到您的網站」部分。
在較新的Google Font網站（fonts.google.com）中，在搜索框中輸入字體的名稱，然後按Enter鍵。在列表中找到字體並將鼠標懸停在其上。選擇你想要的風格。（常規，粗體等）點擊字體樣本右上角的加號鏈接。對所需的其他樣式重複此步驟。點擊屏幕底部顯示的彈出窗口。

它給了我這個代碼：

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic' rel='stylesheet' type='text/css'>

來源

2016-07-23 07:45:42

如果我們需要所有格式的本地副本？ –

只需在瀏覽器窗口中打開[我給你的鏈接]（https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic）。你會在那裏找到下載網址。你需要做一些複製和粘貼，但這並不難，我想。 –

我總是用這個網站
first
second
third

來源

2016-07-23 07:51:56

如何將Google字體.ttf文件轉換爲其他類型的文件以支持所有瀏覽器

回答

相關問題