首页 > 电脑专区 > 电脑教程 >

浏览器强制字体兼容网页图标字体的方法

来源:互联网 2023-02-21 21:48:42 138

一般网站为求兼容默认字体都是宋体,但宋体无平滑,显得很渣,完美主义的我们想用微软雅黑,于是强制浏览器显示网页字体为“微软雅黑”,但是随着扁平化的网页设计之风,过去位图显示的图标改为CSS脚本控制的图标字体显示,于是两者发生冲突,强制浏览器显示网页字体后,所有网页图标字体成了奇奇怪怪的字符或者方框(如图红框处)。网上也有很多介绍解决方案的,但很多不兼容。本方法就是解决两者冲突并完美兼容的。yDF办公区 - 实用经验教程分享!

浏览器强制字体兼容网页图标字体的方法yDF办公区 - 实用经验教程分享!

工具/原料

  • chrome浏览器
  • 世界之窗浏览器

方法/步骤

  • 1

    本方法限于chrome内核的浏览器,所以第一步你的电脑得安一个chrome或者chrome内核的浏览器(如世界之窗浏览器6)yDF办公区 - 实用经验教程分享!

  • 2

    如果你安装在C盘则找到:yDF办公区 - 实用经验教程分享!

    C:\Documents and Settings\*用户名*\Local Settings\Application Data\TheWorld6\User Data\Default\User StyleSheetsyDF办公区 - 实用经验教程分享!

    如果是win7系统,则找到yDF办公区 - 实用经验教程分享!

    C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\yDF办公区 - 实用经验教程分享!

    目录下的Custom.css文件,用记事本txt打开就行。yDF办公区 - 实用经验教程分享!

    浏览器强制字体兼容网页图标字体的方法yDF办公区 - 实用经验教程分享!

  • 3

    输入以下代码:yDF办公区 - 实用经验教程分享!

    @charset "utf-8";yDF办公区 - 实用经验教程分享!

    body * { font-family: "Microsoft YaHei","weiruanyahei",Tahoma,SimSun }yDF办公区 - 实用经验教程分享!

    * {text-shadow: silver 0px 0px 0px ;}yDF办公区 - 实用经验教程分享!

    保存并退出。yDF办公区 - 实用经验教程分享!

    浏览器强制字体兼容网页图标字体的方法yDF办公区 - 实用经验教程分享!

  • 4

    可以看到网页显示微软雅黑,又兼容各网站的图标字体。yDF办公区 - 实用经验教程分享!

    浏览器强制字体兼容网页图标字体的方法yDF办公区 - 实用经验教程分享!

  • 4相关内容未经授权抓取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!yDF办公区 - 实用经验教程分享!


    标签: 字体图标浏览强制方法

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码