css文件中文乱码怎么解决?

css文件中文乱码怎么解决?

一、字体乱码:

1、比如设置字体为宋体:font-family:’宋体’;但因此产生的一个问题是,如果 CSS 编码有误,会导致页面加载后 CSS 中的中文字体乱码。

通常会采用对中文字体进行 Unicode 编码的方式来解决这个问题。比如字符“宋体”经过 Unicode 编码后为 “\5b8b\4f53″。以淘宝为例:font:12px/1.5 tahoma,arial,\5b8b\4f53; 预选的中文字体是编码后的宋体。

(相关课程推荐:css视频教程

中文名 Unicode

新细明体 \65B0\7EC6\660E\4F53

细明体 \7EC6\660E\4F53

标楷体 \6807\6977\4F53

黑体 \9ED1\4F53

宋体 \5B8B\4F53

新宋体 \65B0\5B8B\4F53

仿宋 \4EFF\5B8B

楷体 \6977\4F53

仿宋_GB2312 \4EFF\5B8B_GB2312

楷体_GB2312 \6977\4F53_GB2312

微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53

微软雅黑 \5FAE\8F6F\96C5\9ED1

2、选设置文件编码为:UTF-8

用记事本打开文件,选文件菜单——另存为 ,设置为UTF-8。

201103171204327244.png

3、在CSS文件头加@charset "utf-8";

说明一下文件的格式,当然上面一步也要设置。

如果样式在html文件中,也会出现中文乱码,

这是因为页面中的

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

和文件编码格式不一致。

修改文件编码:用记事本打开文件,选文件菜单——另存为 ,设置为UTF-8。

Image placeholder
前端答疑
未设置
  36人点赞

没有讨论,发表一下自己的看法吧

推荐文章
jquery中文乱码怎么解决?

jquery中文乱码怎么解决?最近使用jQuery遇到中文乱码问题,其实他的中文乱码就是因为contentType没有指定编码,只需在jQuery.js中搜索‘contentType’然后在appli

jquery序列化serialize()方法时中文乱码怎么解决?

原因:.serialize()自动调用了encodeURIComponent方法将数据编码了解决方法:调用decodeURIComponent(XXX,true);将数据解码如:varparams=j

Jquery load()乱码怎么解决?

Jqueryload()乱码怎么解决?如果用jQueryload方法加载的文档中包含中文字符,可能会引起乱码问题。要解决这个问题,方法1:所加载的文档本身应当采用UTF-8格式编码。在记事本中,默认的

jquery ajax提交数据乱码怎么解决?

为了避免乱码,可以做到以下几步解决方法1、保持编码的统一,包括文件编码,数据库编码,网页content-type编码检查一下建议中文都是用UTF-8,使用gbk/gb2312有可能会出现乱码2、使用p

jquery的url参数乱码怎么解决?

URL地址栏传递字符(中文、=、&)乱码解决办法1、使用encodeURI()方法encodeURI()方法可把字符串作为URI进行编码,转码之后就不会乱码,同时如果传递参数中包含&、=等特殊字符转码

vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件

vue引入swipervue使用swipervue脚手架使用swiper/引入js文件/引入css文件欢迎加入前端交流群来获取视频资料以及前端学习资料:749539640转载文章请注明出处! 如果只是

html找不到css文件怎么解决

html找不到css文件怎么解决如果你在引用css文件时,使用了错误的文件路径,就会导致引用失效。解决方法就是填写正确的css文件路径。下面我们学习下HTML填写路径的两种方法。(推荐学习:HTML视

jquery serialize()中文乱码

jqueryform表单.serialize()序列化后中文乱码问题原因及解决原因:.serialize()自动调用了encodeURIComponent方法将数据编码了解决方法:调用decodeUR

HTML乱码怎么办?

HTML乱码原因1、不同编码内容混杂:HTML乱码是因为html编码问题照成(常见gb2312与utf-8两种编码内容同一时候存在照成)2、未设置HTML编码:3、使用记事本编辑html:有时使用记事

jquery $.post乱码怎么办?

jquery$.post乱码怎么办?解决方法:$.ajaxSetup({ contentType:"application/x-www-form-urlencoded;charset=utf-8" }

jquery easyui乱码怎么办?

jqueryeasyui乱码怎么办?之所以出现乱码是因为,我们在引入easyui以后,它里面的汉化包并没产生作用而汉化包没有发生作用的原因有:1.汉化包引入路径有问题,文件找不到404,这个很简单,只

nginx找不到js css文件怎么办

nginx找不到jscss文件怎么办js、css都算静态资源,之所以请求不到是因为nginx做代理后的虚拟路径和静态资源的请求路径不一致导致的。只需要更改root的配置就可以了。设置location如

css文件怎么用?

css文件怎么用?css文件使用有两种方式,一种是通过link标签引入,一个是使用@import进行导入。1、通过link使用css文件将下面代码放在head标签中(相关课程推荐:css视频教程)2、

怎么查看css文件?

怎么查看css文件?如何利用浏览器查看网站源代码和css样式1、首先打开浏览器。2、打开自己想要查看html和css代码的网站,这里我就打开百度首页。3、之后按下键盘的F12。4、之后会弹出一个格式工

css文件怎么打开

css文件怎么打开?css文件可以使用记事本、vim、sublimetext、vscode打开。实际上,只要是一款文本编辑器,都能打开css文件,因为css文件本质上就是一个文本文件。1、vscode

css背景图片显示不完怎么解决?

css设置背景图片显示不全是因为背景图片过大导致的,我们可以通过设置div大小大于背景图片或使用background-size属性设置背景图片小于div大小使背景图片显示完全。示例:下面我们来看一下通

css不同浏览器兼容性问题怎么解决?

css不同浏览器兼容性问题的解决方案1.浏览器CSS样式初始化由于每个浏览器的css默认样式不尽相同,所以最简单有效的方式就是对其进行初始化,相信很多朋友都写过这样的代码,在所有CSS开始前,先把ma

css图片后的文字无法居中对齐怎么解决?

比如说,现在我要做一个简单的删除按钮,只由一个icon和“删除”两个字组成,你会如何布局,给你30秒时间考虑。好,先亮出HTML代码如下:删除很简单,就是一个class为del的div元素下有两个sp

css因mime类型不匹配而被忽略怎么解决?

怎么解决?进入注册表编辑器,查看HKEY_CLASSES_ROOT\.css里面的ContentType是否是text/css1、如何进入注册表编辑器通过快捷键"win"+"R",调用运行窗口在运行窗

php中css不加载怎么解决?

php中css不加载怎么解决?解决方法:1、首先打开HTML文档;2、然后在head标签中找到引入css文件的link标签;3、最后在link标签的href属性的值前面,加上__STATIC__即可。

ie6加载不了css怎么解决?

ie6加载不了css怎么解决?IE6不加载css文件,是因为css文件的编码不正确,使用记事本创建的css文件,默认编码时ANSI,这种情况下在其他浏览器下CSS样式会正常显示,但IE6及以下版本就不

ie11下不能引入外部css怎么解决?

ie11下不能引入外部css怎么解决?问题:在IE11下使用link标签引入css时,无法正常引入,直接在页面中使用style标签没问题。原因:头文件的问题。解决方法:●删除头部的●或者,将头部改成

js中如何引入css文件以及路径问题

js中如何引入css文件以及路径问题一、在js中引入css文件的方法:1、通过document.createElement方法创建link标签;2、通过setAttribute方法设置link标签的c

dw中如何插入css文件?

DW全称AdobeDreamweaver,中文名称"梦想编织者",最初为美国MACROMEDIA公司开发[1],2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑

css文件放在哪个目录

css文件放在哪个目录css文件放在项目目录下的任何一个目录都可以,但是为了项目目录规范整洁,我们通常是放在css目录下。不同的框架放置的位置也不同。可以按照框架的规范来。下面给出一份web项目目录参