App下載

CSS怎么更改字體?更改字體的辦法

猿友 2021-05-24 16:52:13 瀏覽數(shù) (7637)
反饋

在網(wǎng)頁(yè)開發(fā)中,字體是重中之重的。合適的字體可以很大程度上提高用戶體驗(yàn)感,讓他們?cè)跒g覽頁(yè)面中有個(gè)好的感受。那么 CSS 怎么更改字體呢?這篇文章告訴你。

font-family 屬性

在 CSS 中,font-family 屬性被用來(lái)設(shè)置字體樣式。具體使用方法如下:

font-family:"微軟雅黑";

常用的中文字體有:黑體、宋體、微軟雅黑。

我們?cè)跒g覽一些網(wǎng)站時(shí),會(huì)注意到字體可能比較不會(huì)常見。這很有可能是開發(fā)公司在網(wǎng)站開發(fā)中,使用了外部安裝字體。但是這個(gè)方法并不推薦,原因有二:一是可能會(huì)涉及字體版權(quán)問(wèn)題,二是用戶在瀏覽網(wǎng)頁(yè)時(shí)可能會(huì)出現(xiàn)不匹配問(wèn)題。

我們來(lái)看下具體字體在網(wǎng)站中的表現(xiàn):

CSS更改字體

具體代碼:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>CSS怎么更改字體- 編程獅(w3cschool.cn)</title>
	<style type="text/css">
		#one{
			font-family: "黑體";
		}
		#two{
			font-family: "宋體";
		}
		#three{
			font-family: "微軟雅黑";
		}
	</style>
</head>
<body>
	<p id="one">這段話使用的字體是黑體</p>
	<p id="two">這段話使用的字體是宋體</p>
	<p id="three">這段話使用的字體是微軟雅黑</p>
</body>
</html>

以上就是文章“CSS 怎么更改字體?更改字體的辦法”的全部?jī)?nèi)容。更多 CSS 學(xué)習(xí)請(qǐng)前往 w3cschool。

CSS

0 人點(diǎn)贊