css樣式失效及中文亂碼問題
最近在使用VS匯入以前的css檔案時發現樣式失效。後來百度了下發現是編碼格式的問題,重新儲存為UTF-8後是可以正常顯示了,單css中的中文全部成了亂碼。註釋還好說直接刪除就可以了,可其中還使用了大量的font-family:"黑體";宋體等等這個總不能刪除吧。
解決如下:
1、將中文樣式名換成英文名:
附Windows系統常見中文字型英文名稱:
========================
黑體:SimHei
宋體:SimSun
新宋體:NSimSun
仿宋:FangSong SimFang?
楷體:KaiTi SimKai?
仿宋_GB2312:FangSong_GB2312
楷體_GB2312:KaiTi_GB2312
微軟雅黑體:Microsoft YaHei
隸書:LiSu SimLi?
幼圓:YouYuan SimYou?
華文細黑:STXihei
華文楷體:STKaiti
華文宋體:STSong
華文中宋:STZhongsong
華文仿宋:STFangsong
方正舒體:FZShuTi
方正姚體:FZYaoti
華文彩雲:STCaiyun
華文琥珀:STHupo
華文隸書:STLiti
華文行楷:STXingkai
華文新魏:STXinwei注意:
這些英文名在非ie的瀏覽器中是不能識別的,可以在頁面的body中定義:
font-family:SimSun, “宋體”;。
2、包含css檔案時,新增charset屬性,注意css檔案的編碼,如:
<style href=”style.css” type=”text/css” rel=”stylesheet” charset=”utf-8″>
3、將css檔案存為UTF-8 編碼,在css檔案開頭新增以下語句:
@charset “utf-8″;