溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
之前我們要是想使用漂亮的字體只能使用圖片字體圖片，即制作過程偏慢，用戶體驗也不夠好，對于計算機的加在也是一種負荷，現在css3為我們提供了新的自定義字體屬性： @font-face，不但使用簡單，而且幾乎能解決了我們之前的所有問題。
先上代碼：<!DOCTYPE html>
<head>
<meta charset=utf-8" />
<title>css3自定義字體</title>
<style type="text/css">
@font-face{
font-family:myFont;
src:url('The Heart of Everything Demo.ttf'),url('Sansation_Light.eto');
}
@font-face{
font-family:myFont;
src:url('The Heart of Everything Demo.ttf'),url('Sansation_Bold.eot');
}
div{font-family:myFont;}
</style>
</head>
<body>
<div>百度一下，beautiful你就知道。myFont百度一下，你就知道。how are you!</div>
</body>
</html>
上面就是引用的基本方法，當然我們為了更好地兼容不同版本的瀏覽器我們可以再加一些兼容寫法，這里就不重復了。現在我們就需要下載字體了，個人比較推薦http://www.dafont.com/theme.php?cat=101 一個免費的字體網站，我們可以直接下載我們想要的字體，在上面的url路徑里面選擇任何我們想要的一款字體的名稱就好了，希望對大家有幫助。
下面是我們的瀏覽效果：
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
