CSS實現微軟細黒字體的設置
@font-face {
font-family: 'Microsoft JhengHei Light';
src: url('MicrosoftJhengHei-Light.eot');
src: local('Microsoft JhengHei Light'),
local('MicrosoftJhengHei-Light'),
url('MicrosoftJhengHei-Light.eot?#iefix') format('embedded-opentype'),
url('MicrosoftJhengHei-Light.woff') format('woff'),
url('MicrosoftJhengHei-Light.ttf') format('truetype'),
url('MicrosoftJhengHei-Light.svg#MicrosoftJhengHei-Light') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Microsoft JhengHei Light', Arial, sans-serif;
}將上述代碼嵌入到網頁的樣式表中，即可使用微軟細黒字體，字體名為“Microsoft JhengHei Light”，如下所示的HTML代碼：
<html> <head> <meta charset="UTF-8"> <title>微軟細黒字體設置</title> <style> /* 將上述CSS代碼放置于此 */ </style> </head> <body> <p style="font-family: 'Microsoft JhengHei Light', Arial, sans-serif;"> 這是一段用微軟細黒字體顯示的文本。 </p> </body> </html>
一些事項注意：
- 本文提供的文件名稱僅供參考，實際使用時應根據字體文件名稱修改“src”屬性中的地址；
- 若使用其他字重（如粗體），可在樣式表中使用“font-weight”屬性；
- 為兼容不同的瀏覽器，在“src”屬性中使用多個不同格式的字體文件，以確保字體能夠在各個瀏覽器中正確呈現；
- 除微軟細黒字體外，還可以使用其他的中文字符集字體，如蘋果的“PingFang SC”等。
下一篇mysql 獵轉行