css設定中文字型(font-family:"黑體")後樣式失效問題

來源:互聯網
上載者:User

標籤:英文名   引號   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:"黑體")後樣式失效問題

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.