CSS3 Web字體
@font-face CSS3 at-rule允許我們指定在線字體來顯示網頁上的文本。
@font-face消除了對訪問者計算機上安裝的字體的依賴。
例子
此示例簡單地指定要使用的可下載字體,將其應用于文檔的整個主體。
<html>
<head>
<title>Web Font Sample</title>
<style type="text/css" media="screen, print">
@font-face {font-family: "Bitstream Vera Serif Bold";
src: url("https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf");
}
body {font-family: "Bitstream Vera Serif Bold", serif }
</style>
</head>
<body>
This is Bitstream Vera Serif Bold.
</body>
</html>
上面的代碼呈現如下:
注意
Web字體受到相同的域限制。
字體文件必須與使用它們的頁面在同一個域上,除非使用HTTP訪問控制來放寬此限制。