在不下載字體的情況下使用「Bliss Pro」字體

Question

我有要求使用字體「Bliss Pro」作爲產品標題。但它不是一個標準的Windows字體。 我試圖搜索如何在我的網頁中使用此字體，但沒有找到任何在線解決方案。

有沒有什麼方法可以在我的網頁中使用/包括「Bliss Pro」字體而不下載字體？

感謝您的幫助....

Answer 1

一般地，你可以用你的CSS使用@font-face自定義字體。這裏是一個非常簡單的例子：

@font-face { 
    font-family: 'YourFontName'; /*a name to be used later*/ 
    src: url('http://domain.com/fonts/font.ttf'); /*URL to font*/ 
} 

然後，平凡，使用一個特定的元素上的字體：

.classname { 
    font-family: 'YourFontName'; 
} 

（.classname是你的選擇）。

請注意，某些字體格式不適用於所有瀏覽器;你可以使用fontsquirrel.com的發生器來避免太多的努力轉換。

你可以找到一組由Google Fonts提供的免費網頁字體（也有自動生成的CSS @font-face規則，所以你不必自行編寫）。

同時，也阻止人們有自由訪問下載的字體，如果可能的話

不，這是不可能的風格，通過CSS內嵌自定義字體的文字，同時防止人下載它。您需要使用圖片，Flash或HTML5 Canvas，所有這些都不太實用。

我希望有幫助！

Source