HTML5中設置字體
在HTML5中，我們可以使用字體相關的標簽來設置字體。基本的字體標簽有、、等。但在HTML5中，更推薦使用CSS樣式表來設置字體。以下是一些設置字體的方法。
1.使用CSS樣式表設置字體
在CSS樣式表中，我們可以使用font-family屬性來設置字體，例如：
pre {
font-family: 'Courier New',monospace;
}
上例中，pre表示代碼塊區域，font-family屬性指定了字體為Courier New或其他等寬字體。
2.使用Web字體
除了常規字體，HTML5還支持使用Web字體。Web字體是一種通過網絡下載的字體文件，用戶首次訪問網站時會下載這些字體文件，之后再次訪問時即可使用下載好的字體。通過Web字體，我們可以實現非常獨特的字體樣式和排版效果。示例代碼如下：
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'),
url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf') format('truetype');
}
上例中，@font-face定義了一個Web字體，設置了字體名稱，字體風格，字重和字體文件路徑。之后我們可以在CSS樣式表中使用這個字體，例如：
body {
font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}
3.字體圖標
字體圖標是一種特殊的字體庫，其中包含了各種符號和圖標，我們可以直接使用這些字體來顯示圖標。例如，Font Awesome庫就是一種非常受歡迎的字體圖標庫。示例代碼如下：上例中，我們通過引入外部CSS樣式表來使用Font Awesome字體圖標，之后我們可以在HTML代碼中使用這些圖標。例如：
點贊
上例中，表示斜體，class屬性中指定了使用了Font Awesome庫的圖標名稱，這里我們使用了“fa-heart”，表示顯示心形圖標。 總結 以上是HTML5中設置字體的一些方法，我們可以使用CSS樣式表來設置常規字體，使用Web字體來實現獨特的字體效果，也可以使用字體圖標來顯示各種符號和圖標。當然，對于一些比較復雜的排版需求，我們也可以使用較為高級的HTML和CSS樣式表來實現。上一篇html5中設置字體顏色
下一篇mysql中數字的格式化