是否可以在您的網站上嵌入自定義字體/將其安裝在您的主機上？

我已經研究了這一點，我發現的答案是，只有有限的Web字體可用，這似乎有點舊式給我。是否有可能無法將自定義字體上傳到您的虛擬主機，並使用javascript（或別的東西，原諒我的無知和無知）讀取自定義字體，這樣當訪問者訪問您的網站時，你有沒有安裝你的自定義字體，它只是加載了網站？是否可以在您的網站上嵌入自定義字體/將其安裝在您的主機上？

來源

2013-07-31 Pixelomo

您可以使用CSS嵌入自定義字體。

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('webfont.woff') format('woff'), /* Modern Browsers */ 
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
} 


body { 
    font-family: 'MyFontFamily', Fallback, sans-serif; 
}

source: css-tricks.com

來源

2013-07-31 08:49:31 ivarni

我在哪裏得到.eot .woff和字體的.SVG版本？當我下載大多數自定義字體，他們只是與.ttf - *更新*似乎http://fontsquirrel.com/將允許我將字體轉換爲任何格式 – Pixelomo

在你的CSS：

@font-face { 
    font-family: cool_font; 
    src: url('cool_font.ttf'); 
} 
p.custom_font{ 
    font-family: cool_font; /* no .ttf */ 
}

從http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-with-css

來源

2013-07-31 08:49:40

謝謝，太棒了！：D所以我只是將任何自定義字體上傳到我的主機上，在我的css頂部聲明：@ font-face {font-family：cool_font; src：url（'cool_font.ttf'）; }然後我可以在任何元素上使用它？甜 – Pixelomo

是否可以在您的網站上嵌入自定義字體/將其安裝在您的主機上？

回答

相關問題