如何在CSS語句中使用「Monotype Corsiva」字體？

我不知道它是什麼字體，但我認爲它是一個Monotype Corsiva（請糾正我，如果我錯了），這是我目前的CSS似乎沒有工作，因爲字體沒有改變一點如何在CSS語句中使用「Monotype Corsiva」字體？

CSS：

<div style="font-family:Monotype Corsiva, Times, Serif; background-color:#74b3bc; height:46px; minSize=10;maxSize=100;">

enter image description here

來源

2014-04-11 Mr. Fox

有你實際下載的字體，它轉換成字庫，並在你的CSS添加呢？如果沒有，谷歌搜索「谷歌字體monotype corsiva」 - 默認情況下，瀏覽器只能本地支持一小部分字體。其餘的你必須加載自己 –

http://en.wikipedia.org/wiki/Monotype_Corsiva –

此外，該字體是版權，並不是免費使用。看到這裏：http://stackoverflow.com/questions/14518783/how-to-add-custom-font-in-my-theme –

如果你看對谷歌的字體我敢肯定你會發現類似的東西。以下是使用名爲「Cookie」的字體使用Google網頁字體的示例，它非常相似。

首先把這個在您的網頁...

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script> 
    <script> 
    WebFont.load({ 
     google: { 
     families: ["Cookie:regular"] 
     } 
    }); 
</script>

，然後用它在你的實際網頁包括它在你的CSS像這樣。

body { 
    font-family: "Cookie" 
}

如果你看看谷歌的字體，你可以添加你想要使用上面的javascript代碼，只是簡單地把每個字體之間的逗號，並確保他們在這樣的報價爲許多...

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script> 
    <script> 
     WebFont.load({ 
     google: { 
     families: ["Lato:100,300,400,700,900","Karla:regular","Cookie:regular"] 
    } 
    }); 
</script>

和100,300,400,700,900 - 是字體的重量，所以在這裏聲明它可以在你的css中使用它。

，注意安全在這裏是一個JSFiddle

享受:)

來源

2014-04-11 01:57:33

這並不回答問題。 –

你的這部分代碼是正確的。樣式表中稍後會出現語法錯誤，但它們不會阻止聲明font-family:Monotype Corsiva, Times, Serif生效。它會導致使用Monotype Corsiva，如果用戶的計算機安裝了這樣的字體。顯然，您測試的計算機沒有該字體。

來源

2014-04-11 04:57:13

添加這個腳本

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script> 
<script> 
     WebFont.load({ 
     google: { 
     families: ["Lato:100,300,400,700,900","Karla:regular","Cookie:regular"] 
    } 
    }); 
</script>

再加入這種風格

<h2 style="font-family: Cookie;">Example</h2>

來源

2014-09-20 11:07:19

如何在CSS語句中使用「Monotype Corsiva」字體？

回答

相關問題