2024年前端最新【Web前端】清除浮动&css中文字体(1),前端大厂74道高级面试合集

常用的JavaScript设计模式

  • 单体模式

  • 工厂模式

  • 例模式

函数

------------------------------------------------------------------------------------------------------------------------------------------------

在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了U。在 CSS 中写入中文字体的方法一般采用 font-family:“微软雅黑”,“黑体”;这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:“微软雅黑”,“黑体”;就可以写成 font-family:“Microsoft Yahei”,“SimHei”; 这样看起来是不是也可以统一一点呢。

中文字体与英文、unicode 对应的太多,背也背不下来,就搜集了一张表格收藏记录一下,希望也是你想要的:

| 中文名 | 英文名 | Unicode |

| — | — | — |

| Mac OS |

| — |

| 华文细黑 | STHeiti Light [STXihei] | \534E\6587\7EC6\9ED1 |

| 华文黑体 | STHeiti | \534E\6587\9ED1\4F53 |

| 华文楷体 | STKaiti | \534E\6587\6977\4F53 |

| 华文宋体 | STSong | \534E\6587\5B8B\4F53 |

| 华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B |

| 丽黑 Pro | LiHei Pro Medium | \4E3D\9ED1 Pro |

| 丽宋 Pro | LiSong Pro Light | \4E3D\5B8B Pro |

| 标楷体 | BiauKai | \6807\6977\4F53 |

| 苹果丽中黑 | Apple LiGothic Medium | \82F9\679C\4E3D\4E2D\9ED1 |

| 苹果丽细宋 | Apple LiSung Light | \82F9\679C\4E3D\7EC6\5B8B |

| Windows |

| — |

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

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

| 标楷体 | DFKai-SB | \6807\6977\4F53 |

| 黑体 | SimHei | \9ED1\4F53 |

| 宋体 | SimSun | \5B8B\4F53 |

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

| 仿宋 | FangSong | \4EFF\5B8B |

| 楷体 | KaiTi | \6977\4F53 |

| 仿宋_GB2312 | FangSong_GB2312 | \4EFF\5B8B_GB2312 |

| 楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 |

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

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

| Office |

| — |

| 隶书 | LiSu | \96B6\4E66 |

| 幼圆 | YouYuan | \5E7C\5706 |

| 华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |

| 华文楷体 | STKaiti | \534E\6587\6977\4F53 |

| 华文宋体 | STSong | \534E\6587\5B8B\4F53 |

| 华文中宋 | STZhongsong | \534E\6587\4E2D\5B8B |

| 华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B |

| 方正舒体 | FZShuTi | \65B9\6B63\8212\4F53 |

| 方正姚体 | FZYaoti | \65B9\6B63\59DA\4F53 |

| 华文彩云 | STCaiyun | \534E\6587\5F69\4E91 |

| 华文琥珀 | STHupo | \534E\6587\7425\73C0 |

| 华文隶书 | STLiti | \534E\6587\96B6\4E66 |

| 华文行楷 | STXingkai | \534E\6587\884C\6977 |

| 华文新魏 | STXinwei | \534E\6587\65B0\9B4F |

很全面吧,但也不要高兴地太早,因为我们有着人手一个规则的浏览器大军,就算是举着完美支持 CSS 大旗的 Firefox,也有不尽如人意的地方,因为 Firefox 居然不支持以上别名,对它来说 “Microsoft Yahei” 并不是微软雅黑,只能反馈出浏览器默认字体的的结果,唉,浏览器太多也不好,还不如回到 IE 垄断的年代,没有比较,也就没有抱怨。

-------------------------------------------------------------------------

原文地址:https://neveryu.github.io/guestbook/

Githubhttps://github.com/Neveryu
新浪微博:****http://weibo.com/Neveryu

结尾

正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端学习书籍导图-1

好的书欢迎推荐呀。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-uRwWWJa3-1715602708566)]

  • 23
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值