CSS3 Web字體

2018-01-16 19:25 更新

@font-face CSS3 at-rule允許我們指定在線字體來顯示網(wǎng)頁上的文本。

@font-face消除了對(duì)訪問者計(jì)算機(jī)上安裝的字體的依賴。

例子

此示例簡(jiǎn)單地指定要使用的可下載字體，將其應(yīng)用于文檔的整個(gè)主體。


<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>

上面的代碼呈現(xiàn)如下：

下載字體

注意

Web字體受到相同的域限制。

字體文件必須與使用它們的頁面在同一個(gè)域上，除非使用HTTP訪問控制來放寬此限制。

以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)