css - 為什么設(shè)置了charset="UTF-8"中文還是亂碼呢？并且文件編碼也是UTF-8,用的sublime
問題描述
設(shè)置了charset='UTF-8'，但是css里凡是涉及到“黑體”“微軟雅黑”“楷體”都不能正常顯示。重新用utf-8打開過，也復制到txt里過，通通不行。。。求拯救，求解脫
'default_encoding': 'UTF-8',
<head> <meta charset='UTF-8'> <title>task_1_6_1</title> <link rel='stylesheet' href='http://www.leifengta.com.cn/wenda/task_1_6_1.css'></head>
代碼：https://github.com/louislee0229/louisIFE/tree/gh-pages/task_1_6_1demo：http://louislee0229.github.io/louisIFE/task_1_6_1/task_1_6_1.html
問題解答
回答1：經(jīng)鑒定，demo里面那個CSS文件不是UTF-8編碼，是GBK。所以CSS文件用UTF-8 解釋就出錯了
回答2：連圖片的命名都是中文的，這么喜歡用中文。為了保證最大的兼容性，在 css 文件里面盡量不要使用中文來設(shè)置字體，可以將中文轉(zhuǎn)成 Unicode 后在設(shè)置，轉(zhuǎn)換工具請自行搜索。
此段代碼來源于淘寶，紅色框標明的是轉(zhuǎn)成 Unicode 之后的宋體。
換用notepad++另存為UTF-8文件試試
回答4：在css文件頂部加一句 @charset 'utf-8'試試
回答5：css文件頭部加個@charset 'utf-8';
回答6：用notepad++打開調(diào)整一下（如圖）再保存。
試著在樣式里面加 @charset 'utf-8'; 看有沒有效果
回答8：沒有閉合啊 混蛋
網(wǎng)公網(wǎng)安備