添加任何字體到HTML頁面

新手問題：我可以嵌入任何字體到HTML。例如羅克韋爾字體？添加任何字體到HTML頁面

謝謝！

2011-02-11 Mc-

A中的格式），你不會*嵌入*成HTML，而你或許會從*鏈接*它您的* CSS *，它將用於在您的HTML中呈現文本。 B）儘管您可能在技術上能夠做到這一點（如下所示），但最大的問題是，除非您有許可證允許您將字體轉換爲另一種字體，否則您在法律上不允許這樣做。）格式和2）分發該字體。像Typekit這樣的服務在技術和法律上是非常重要的。 – coreyward 2011-02-13 02:13:02

是的。凡FontFamilyName是你想要調用它和src：url（'/ font/font.otf'）;是一個鏈接到字體文件（很像使用背景圖像）。

@font-face { 
    font-family: FontFamilyName; 
    font-weight: bold; 
    src: url('/font/font.otf'); 
}

然後，您可以像使用其他任何字體系列一樣使用該字體。例如：

p 
{ 
font-family: FontFamilyName; 
}

來源

2011-02-11 21:47:57 RandomWebGuy

儘管技術是正確的，但它缺乏解釋，這將是一個很好的答案。 – 2011-02-11 21:49:30

瀏覽器支持可能會有所不同。以下鏈接可能會有所幫助：http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/ – ChristopheD 2011-02-11 21:50:34

好處是，這是使用自定義字體的正確方法在網頁上。缺點是，並非所有瀏覽器都支持`@ font-face`;一個值得注意的例子就是iPhone和iPad上的Mobile Safari瀏覽器，它將根據標準的CSS字體替換規則簡單地忽略`@ font-face`部分並將字體視爲丟失。 – 2011-02-11 21:51:28

看看@font-face，允許你使用任何字體的網頁上 - 如果用戶沒有安裝該字體，它可以從服務器下載和使用來呈現網頁頁。

一個例子

@font-face { 
    font-family: DeliciousRoman; 
    src: url(http://www.font-face.com/fonts/delicious/Delicious-Roman.otf); 
    font-weight:400; 
}

看看font-face網站了解更多詳情。請注意，@ font-face存在一些跨瀏覽器問題 - 爲此，我建議您在這方面查看stellar work of Paul Irish。

來源

2011-02-11 21:49:33

谷歌提供了一個不錯的服務Webfonts，看看吧！

來源

2011-02-11 21:49:52

可能在樣式表中使用@ font-face，但是您必須記住IE並不總是能夠正確處理這些。使用此代碼：

@font-face { 
    font-family: (the name you want to call it by); 
    src: url('path/to/font.eof'); 
}

您還可以使用.otf或.ttf。

來源

2011-02-11 21:50:10 Brian

-1

不是。如果您想確保頁面在不同瀏覽器中顯示相同，則您只能使用cross-browser字體。

這就是說，有一個有趣的服務叫Typekit，可以讓你使用JS和CSS3嵌入字體。它只適用於現代瀏覽器。

來源

2011-02-11 21:51:38 KyleWpppd

如果你按照bulletproof font-face syntax你可以嵌入大多數任何字體到網頁。

您可以使用free font-conversion service like font squirrel到字體的轉換成你需要支持所有瀏覽器:)

來源

2011-02-11 21:51:48

添加任何字體到HTML頁面

回答

相關問題