標籤:英文名 引號 min 編碼 顯示 華文楷體 表示 lis win
做項目時偶遇的一詭異問題,同樣的代碼,在ff和IE7以上頁面顯示正常,但IE6無論怎麼改都不起作用,本來以為是IE6的某些浮動bug所致,結果弄了很長時間也不行,後來不經意間把原來設定的font-family: "黑體"屬性去掉了,一切恢複正常。。。
到網上搜了下,還真有不少人遇到同樣的問題,下面摘錄一段:
css檔案裡font-family: "黑體";這句會導致後面的css定義全部不起作用了。
只要把font-family: "黑體";
改成
font-family:黑體;
就行了,去掉空格和雙引號。
這個問題只存在於IE6中。
在其它網站找到的部分答案:
一處容器的font-family屬性裡寫了"宋體",而IE6一下不解析"" 號,於是就導致整個頁面的置中失效
css中指定font-family屬性為黑體、幼圓、微軟雅黑等,一一無法正常顯示(ie7),最終發現原來是CSS檔案是gb2312編碼,另存新檔UTF-8後改掉亂碼的中文,之後font-family指定中文字型便ok 了~這樣看瀏覽器ms是按utf8對css檔案進行解析的
====================================
另,考慮到檔案編碼問題,在css中推薦使用中文字型的英文標記法,以下附常見中文字型的英文名:
Mac OS的一些:
華文細黑:STHeiti Light [STXihei]
華文黑體:STHeiti
華文楷體:STKaiti
華文宋體:STSong
華文仿宋:STFangsong
儷黑 Pro:LiHei Pro Medium
儷宋 Pro:LiSong Pro Light
標楷體:BiauKai
蘋果儷中黑:Apple LiGothic Medium
蘋果儷細宋:Apple LiSung Light
Windows的一些:
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑體:SimHei
宋體:SimSun
新宋體:NSimSun
仿宋:FangSong
楷體:KaiTi
仿宋_GB2312:FangSong_GB2312
楷體_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微軟雅黑體:Microsoft YaHei
裝Office會生出來的一些:
隸書:LiSu
幼圓:YouYuan
華文細黑:STXihei
華文楷體:STKaiti
華文宋體:STSong
華文中宋:STZhongsong
華文仿宋:STFangsong
方正舒體:FZShuTi
方正姚體:FZYaoti
華文彩云:STCaiyun
華文琥珀:STHupo
華文隸書:STLiti
華文行楷:STXingkai
華文新魏:STXinwei
//===============================
把font-family設為微軟雅黑怎麼無效
字型設定需要在css的body中設定。另外你的電腦必須安裝了微軟雅黑字型才能有效。
body,html{
font-family
:
‘Microsoft YaHei‘
,
‘Hiragino Sans GB‘
,
Helvetica
,
Arial
,
‘Lucida Grande‘
,
sans-serif
;}
css設定中文字型(font-family:"黑體")後樣式失效問題