1. 程式人生 > >css樣式失效及中文亂碼問題

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″;