您的位置：首页技术文章
文章详情页

css - 为什么设置了charset="UTF-8"中文还是乱码呢？并且文件编码也是UTF-8,用的sublime

浏览：32日期：2023-07-14 10:40:52

问题描述

设置了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='https://www.haobala.com/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：

经鉴定，demo里面那个CSS文件不是UTF-8编码，是GBK。所以CSS文件用UTF-8 解释就出错了

回答2：

连图片的命名都是中文的，这么喜欢用中文。为了保证最大的兼容性，在 css 文件里面尽量不要使用中文来设置字体，可以将中文转成 Unicode 后在设置，转换工具请自行搜索。

css - 为什么设置了charset="UTF-8"中文还是乱码呢？并且文件编码也是UTF-8,用的sublime此段代码来源于淘宝，红色框标明的是转成 Unicode 之后的宋体。

回答3：

换用notepad++另存为UTF-8文件试试

回答4：

在css文件顶部加一句 @charset 'utf-8'试试

回答5：

css文件头部加个@charset 'utf-8';

回答6：

用notepad++打开调整一下（如图）再保存。css - 为什么设置了charset="UTF-8"中文还是乱码呢？并且文件编码也是UTF-8,用的sublime

回答7：

试着在样式里面加 @charset 'utf-8'; 看有没有效果

回答8：

没有闭合啊 混蛋

标签： CSS
上一条：css - box-sizing: border-box的兼容性问题下一条：html - css 使用 边框 border 的时候,怎么让他作为内边框。
排行榜
angular.js - angular 指令中包含webworker 在单元测试中一直报找不到worker 文件错误 如何解决？
angular.js - angular 指令中包含webworker 在单元测试中一直报找不到worker 文件错误 如何解决？
1. html5 - 新手提问：为什么form表单的post请求 路由处理不了
2. python - flask post提交timestamp不能作为参数，这是为什么？
3. javascript - 微信 H5 授权 返回键
4. css3中translate(-50%,-50%)对 transform-origin的奇葩影响？
5. javascript - antdesign底层弹出个confirmModal。怎么获取底层的this？
6. mysql sql where id in(25,12,87) 结果集如何用按照 25 12 87排序?
7. android-studio - Android Studio每次编译完都要Instantiating Test..
8. android - 安卓使用webview播放腾讯、优酷视频的方法
9. android - 在win7配置 react native开发环境时，一直卡在这里，请问以下是哪里出错了，谢谢！
10. Java后端需要掌握angular.js吗？是主要在后台的前台用吗？
热门标签