微信公众号 讲师中心
首页
文章
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 JavaScript 后端开发 数据库 移动端 运维开发 UI设计 计算机基础 XML Web Services
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程
游戏教程 自媒体 新闻
首页 > web前端 > html教程 > 正文

utf-8无法显示css中的字体_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:52:30
原创
1096人浏览过
Gnomic智能体平台
Gnomic智能体平台

国内首家无需魔法免费无限制使用的ChatGPT4.0，网站内设置了大量智能体供大家免费使用，还有五款语言大模型供大家免费使用~

Gnomic智能体平台47
查看详情 Gnomic智能体平台

从网上下了个网页模板，附带CSS的，现只截取出问题的部分 

.CPanel{ padding:5px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
登录后复制

原来的网页是gb2312形式，关键代码如下：

但是改为
之后，其他样式都能正常显示，唯独显示的字体不是Arial，而是默认的宋体（看字形状估计的）。
请问是怎么一回事啊，应该如何修改才可以改为utf-8格式后还能正常显示之前的字体样式。
PS：改为utf-8之后，如果改为其他字体，也一样显示默认的宋体（看字形状估计的）。
求各位大侠务必帮忙啊，非常感谢


回复讨论(解决方案)

如果是css单独的文件，请把css文件用记事本打开，也另存为utf-8格式

如果是css单独的文件，请把css文件用记事本打开，也另存为utf-8格式


已经试过了，还是不行。而且刚又测试了下，貌似不只是字体，还有一些其他样式也变了，但是只是变部分，比较奇怪。

上述方法都试了，不行，已经在CSS前加上@charset "utf-8";

你可以把你的css和页面代码发到amxh@21cn.com我看看

你可以给出个网址，才能帮你一起分析是什么原因呢

把html页面转码一下（用编辑器或dw）试试

好久没看了，呵呵。后面发现是同事做的CSS部分样式语法错误，导致后面的CSS无法识别

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：层叠样式表CSS_html/css_WEB-ITnose 下一篇：css实现一款漂亮的查询框_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
如何书写html标签_HTML基础标签（div/p/img）书写规范与示例 div、p、img标签需规范书写：div用小写，合理使用class/id，避免过度嵌套；p标签成对出现，不嵌套块级元素；img为自闭合标签，必加src和alt属性。
2025-11-03 00:19:20
563
怎么判断html5_HTML5特性检测与浏览器兼容性判断 通过特性检测判断HTML5支持情况，使用JavaScript直接测试功能或Modernizr库，避免依赖浏览器类型，结合渐进增强与polyfill方案确保兼容性。
2025-11-03 00:11:35
786
html网页缓存怎样删除_html网页缓存删除的简单步骤 清除浏览器缓存可解决网页显示过期问题，具体方法包括：一、通过浏览器设置手动清除缓存；二、使用Ctrl+F5或Cmd+Shift+R强制刷新页面；三、在开发者工具中禁用缓存；四、删除特定网站的缓存数据；五、修改资源文件URL参数以触发新缓存加载。
2025-11-02 23:05:02
566
html 如何实现圆角_HTML圆角效果（border-radius）实现与样式设置方法 答案：使用CSS的border-radius属性可实现HTML元素的圆角效果，支持统一或分角设置，结合overflow:hidden处理内容溢出，现代浏览器无需前缀，性能良好。
2025-11-02 23:04:02
632
html如何计算加法_HTML加法运算（JavaScript/表单计算）方法 HTML通过JavaScript实现加法运算，利用表单输入获取数值并动态显示结果；2.使用parseFloat()转换数字，oninput实现实时计算，querySelectorAll()处理多个输入项，适用于购物车合计等场景。
2025-11-02 23:01:02
958
html项目如何打包_HTML项目文件打包（压缩/部署）方法 HTML项目打包是将网页文件整理压缩以便部署，需确保资源完整、路径正确。1.手动打包适用于简单项目，将文件放入dist等目录后用zip压缩；2.构建工具如Vite、Webpack可自动化处理，提升效率；3.优化资源包括压缩图片、CSS/JS，移除注释，合并小文件；4.部署可选Vercel、Netlify等静态托管或上传至服务器。关键在于路径管理与细节检查。
2025-11-02 22:59:17
710
nodejs如何添加html_Node.js服务端HTML渲染与响应方法 Node.js中返回HTML可通过原生HTTP模块直接发送字符串或使用模板引擎动态渲染。直接返回时需设置Content-Type为text/html并用res.end()发送HTML内容；对于动态数据，可结合EJS等模板引擎读取模板文件并渲染数据后返回；更推荐在中大型项目中使用Express框架，配置视图引擎后通过res.render()便捷地响应HTML页面，提升可维护性与开发效率。
2025-11-02 22:33:27
267
HTML页面怎么引入JavaScript_HTML页面JS脚本引入教学 内联JavaScript通过事件属性直接嵌入代码，适用于简单交互但不利于维护；2.内部JavaScript将脚本写在标签中，适合单页专用逻辑，建议置于底部以确保DOM加载完成；3.外部JavaScript通过src引入独立文件，利于复用、缓存和维护，推荐放在结束前，可使用defer或async实现优化加载。实际开发中优先采用外部脚本。
2025-11-02 22:11:01
517
HTML5怎么实现打字机效果_HTML5文字动画技巧 使用JavaScript定时操作DOM或CSS动画可实现网页文字逐字显示效果。通过拆分字符串并用setTimeout控制输出节奏，配合随机间隔、音效、换行处理等细节优化，提升打字机效果的真实感与交互体验。
2025-11-02 21:54:02
399
HTML5在线如何制作导航菜单 HTML5在线界面组件的开发方法 使用HTML5的nav标签和ul、li构建语义化导航结构，通过CSS的Flex布局与媒体查询实现响应式设计，并结合JavaScript添加交互功能，如点击切换菜单显示状态，从而创建美观且兼容多设备的导航组件。
2025-11-02 21:39:02
196
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部