CSS3 - Web Fonts - 極客書

Web字體用於允許CSS中的字體，這些字體不安裝在本地系統上。

Different web fonts formats

Sr.No.	Font & Description
1	TrueType字體（TTF） TrueType是蘋果和微軟在20世紀80年代後期開發的一種大綱字體標準，它成爲windows和MAC作業系統中最常用的字體。
2	OpenType字體（OTF） OpenType是一種可伸縮的計算機字體格式，由微軟開發
3	Web打開字體格式（WOFF） WOFF用於網頁開發，開發於2009年。現在W3C推薦使用它。
4	SVG字體/形狀 SVG允許SVG文檔中包含SVG字體。我們還可以將CSS應用於具有字體特性的SVG。
5	嵌入式OpenType字體（EOT） EOT用於開發網頁，它已經嵌入到網頁中，因此不需要允許第三方字體

下面的代碼顯示了字體face&minus的示例代碼;

Live Demo

<html>
   <head>
      <style>
         @font-face {
            font-family: myFirstFont;
            src: url(/css/font/SansationLight.woff);
         }
         div {
            font-family: myFirstFont;
         }
      </Style>
   </head>
   
   <body>
      <div>This is the example of font face with CSS3.</div>
      <p><b>Original Text :</b>This is the example of font face with CSS3.</p>
   </body>
</html>

它將產生以下結果&負;

Fonts description

下表包含了@font face rule−中的所有字體說明;

Sr.No.	Value & Description
1	字體系列用於定義字體名稱
2	src公司用於定義URL
3	字體拉伸用於查找字體應如何拉伸
4	form-style 用於定義字體樣式
5	字體粗細用於定義字體粗細（粗體）極客書 © 2015-2020 .