欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

CSS3中如何引入多種自定義字體font-face-創(chuàng)新互聯(lián)

這篇文章主要介紹了CSS3中如何引入多種自定義字體font-face，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作與策劃設(shè)計(jì),原陽(yáng)網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:原陽(yáng)等地區(qū)。原陽(yáng)做網(wǎng)站價(jià)格咨詢:18982081108

今天在HTML中發(fā)現(xiàn)了一個(gè)問(wèn)題，提供給我們默認(rèn)的字體有很多，但是除了那些“黑體”、“宋體”、“楷體”等支持中文字體之外，其余的都不知道中文字體，如果我們需要用自己喜歡的字體怎么辦呢？CSS3中是否可以引入自定義下載的字體呢？如果可以我們應(yīng)該怎么引入？帶著這一系列的問(wèn)題我們來(lái)看下解決方案,說(shuō)什么都不如看效果，下面是三種字體在網(wǎng)頁(yè)中的效果，“春聯(lián)標(biāo)準(zhǔn)字體”、“江南藝術(shù)調(diào)字體”和“毛浙東藝術(shù)字體”的效果：

谷歌瀏覽器：

CSS3中如何引入多種自定義字體font-face

火狐瀏覽器：

CSS3中如何引入多種自定義字體font-face

以上就是效果展示，大家有個(gè)了解就可以了！
接著我們看下怎么在CSS中引入：

首先我們要引入某個(gè)字體，就應(yīng)該有這么個(gè)字體，（用戶不需要有），下載字體放到項(xiàng)目的font文件夾下面

CSS3中如何引入多種自定義字體font-face

字體下載大家在網(wǎng)上自行下載，也可以在這里下載，下載完成之后我們就來(lái)引入字體

HTML代碼：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字體文件測(cè)試</title>
	</head>
	<body>
		<div class="chunlian">春聯(lián)標(biāo)準(zhǔn)字體測(cè)試</div>
		<div class="jiangnan">江南藝術(shù)調(diào)字體測(cè)試</div>
		<div class="maozedong"> 毛澤東字體測(cè)試</div>
	</body>
</html>

然后就是CSS樣式設(shè)置：

<style type="text/css">
			@font-face {
				font-family:'chunlian';
				src: url(font/chunlian.ttf);
			}
			@font-face {
				font-family: 'jiangnan';
				src:url(font/jiangnan.ttf);
			}
			.chunlian{
				font-family: 'chunlian';
				font-size: 50px;
				text-shadow: none;
			}
			.jiangnan{
				font-family: 'jiangnan';
				font-size: 40px;
			}
			@font-face {
				font-family: 'maozedong';
				src:url(font/maozedong.ttf);
			}
			.maozedong{
				font-family: 'maozedong';
				font-size: 50px;
				text-shadow: none;
			}
		</style>

如果再加入其他字體直接在CSS中寫@font-face即可！

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“CSS3中如何引入多種自定義字體font-face”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

網(wǎng)站題目：CSS3中如何引入多種自定義字體font-face-創(chuàng)新互聯(lián)
瀏覽路徑：http://chinadenli.net/article20/dhjsco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、做網(wǎng)站、商城網(wǎng)站、軟件開(kāi)發(fā)、電子商務(wù)、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)