前端 字体设置,中英文对照表 常用字体种类

这篇具有很好参考价值的文章主要介绍了前端 字体设置,中英文对照表 常用字体种类。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

font-family:'PingFang SC','Microsoft YaHei','SimSun','Arial', sans-serif

华文细黑:STHeiti Light [STXihei]

华文黑体:STHeiti

华文楷体:STKaiti

华文宋体:STSong

华文仿宋:STFangsong

儷黑 Pro:LiHei Pro Medium

儷宋 Pro:LiSong Pro Light

標楷體:BiauKai

蘋果儷中黑:Apple LiGothic Medium

蘋果儷細宋:Apple LiSung Light

Windows的一些:

新細明體:PMingLiU

細明體:MingLiU

標楷體:DFKai-SB

黑体:SimHei

宋体:SimSun

新宋体:NSimSun

仿宋:FangSong

楷体:KaiTi

仿宋_GB2312:FangSong_GB2312

楷体_GB2312:KaiTi_GB2312

微軟正黑體:Microsoft JhengHei

微软雅黑体:Microsoft YaHei

装Office会生出来的一些:

隶书:LiSu

幼圆:YouYuan

华文细黑:STXihei

华文楷体:STKaiti

华文宋体:STSong

华文中宋:STZhongsong

华文仿宋:STFangsong

方正舒体:FZShuTi

方正姚体:FZYaoti

华文彩云:STCaiyun

华文琥珀:STHupo

华文隶书:STLiti

华文行楷:STXingkai

华文新魏:STXinwei

大家可以收藏起来,便于查阅


ios 系统

默认中文字体是Heiti SC

默认英文字体是Helvetica

默认数字字体是HelveticaNeue

无微软雅黑字体

android 系统

默认中文字体是Droidsansfallback

默认英文和数字字体是Droid Sans

无微软雅黑字体

winphone 系统

默认中文字体是Dengxian(方正等线体)

默认英文和数字字体是Segoe

无微软雅黑字体

可以发现无论是ios、android还是wp系统中都是没有微软雅黑字体的,随后做了一个小测试,就是将微软雅黑字体的效果和各个系统默认字体的效果做了一下对比,发现无论页面中使用哪种字体,肉眼很难看出它们的差异,对产品的体验几乎没有影响。

结论:

各个手机系统有自己的默认字体,且都不支持微软雅黑。

如无特殊需求,手机端无需定义中文字体,使用系统默认。

英文字体和数字字体可使用 Helvetica ,三种系统都支持。

OK,证据确凿。如果设计师需要用到一些特殊的英文字体,比如漂亮的din1451a,akzidenzgrotesk-cond等,我们需要转换下,然后用@font-face引用下即可,这个方法不多说,so easy文章来源地址https://www.toymoban.com/news/detail-469734.html

到了这里,关于前端 字体设置,中英文对照表 常用字体种类的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Stable Diffusion 中英文对照&中文tag补全

    Stable Diffusion是老外做的,因此全部界面都是英文的,因此会对国内很多英语不好的小伙伴来说是一个灾难,不过这里介绍大家一个自定义翻译插件的方法如下图。 还有我们在输入的时候,由于英语水平有限对我们造成阻碍,这里还有一个输入中文即可获得英文单词的

    2024年02月12日
    浏览(28)
  • 爱因斯坦:我的世界观(中英文对照)

      The World As I See It -Albert Einstein- How strange is the lot of us mortals!Each of us is here for a brief sojourn;for what purpose be knows not, though he sometimes thinks he senses it. But without deeper reflection one knows from daily life that one exists for other people-first of all for those upon whose smiles and well-being our own happiness is who

    2024年02月06日
    浏览(53)
  • ArcToolBox-ArcGIS分析工具中英文对照及简要介绍

    ArcGIS具有强大的分析工具箱,包括空间分析、空间统计、三维分析等,通过ArcGIS工具箱可以对空间数据进行各类操作、分析等,也可以用不同的工具制作GP模型进行发布使用。 本文通过对ArcGIS工具箱(ArcToolBox)中工具的中英文对照及简要说明,方便大家了解ArcGIS的各类工具,

    2024年02月08日
    浏览(28)
  • Learning From Data 中英文对照 1.THE LEARNING PROBLEM (第7页)

    为了简化感知器公式的表示法,我们将把偏差aaWp=b与其他权重合并到一个向量中[wo,1,。…,wd]“,其中T表示向量的转置,所以w是acolumn向量,我们也将x作为列向量,并将其修改为x=[o,1,…,ad]T,其中所添加的坐标ao固定在co=1。 With this convention,w Tx = d_o WwiOi, and so Equation

    2024年02月09日
    浏览(28)
  • VMware ESXI 7服务器中安装虚拟机(全过程超详细含中英文对照,附应知必会的理论基础和常见故障解决方案)

              这次更新是延续上次“VMware ESXI7.0的安装与配置”, 主要内容是在“ VMware ESXI 7服务器中安装虚拟机”。          篇幅较长,耐心食用。           下次还是会基于目前安装配置阶段,继续分享“ VMware ESXI 7环境内的虚拟机安装 VMware Tools ”的流程和技巧。

    2024年02月05日
    浏览(35)
  • Vue前端使用I18实现中英文切换

    一、配置vue-i18 1. 进入src/locales/index.js 2. 查看 src/utils/tool.js文件 3. 查看 src/locales/lang/zh-cn.js、src/locales/lang/en.js 二、配置页面 进入需要有翻译功能的页面进行配置,如 login.vue 1. HTML内容 2. JS内容 三、主要步骤 方法一 ① 页面上添加小地球选择语言显示选项 ② 实现添加的小地

    2024年04月25日
    浏览(24)
  • 简单易行的matplotlib中英文混排(设置中文为宋体,英文为times new roman)

    先看效果: 普通混排 支持tex文本的混排: 以下是代码: 普通混排 或者明确指定字体ttc的路径: 支持tex的混排:

    2024年02月01日
    浏览(30)
  • QT+C++桌面程序窗体框架模板-中英文切换-文件打开历史记录-工具选项设置

    程序示例精选 QT+C++桌面程序窗体框架模板-中英文切换-文件打开历史记录-工具选项设置 如需安装运行环境或远程调试,见文章底部个人 QQ 名片,由专业技术人员远程协助! 这篇博客针对《QT+C++桌面程序窗体框架模板-中英文切换-文件打开历史记录-工具选项设置》编写代码,

    2024年01月24日
    浏览(37)
  • Qt 动态中英文切换

            需要界面实现动态国际化,一键点击切换中英文或其他语言。         已经完成了整个界面的翻译,拿到匹配的ts翻译文件,注意:要保证界面切换后,翻译的全覆盖,要保证任何需要反应的地方,都用到了tr(\\\"\\\")包含,不然Linguist会捕捉不到。.ts文件的生成参考下文

    2024年02月10日
    浏览(55)
  • 网络安全中英文术语大全

    01享级持久感动(APT) 一种阿络攻击。使用复杂的技术持续对目标 政府和公司进行网络间谍活造或其他咨意活 动。遗常由具有丰富专业知识和大量安渗的 对手进行-通营与民族国家参与者相关。 这些攻击往往来自多个入口点,并且可能使 用多个攻击媒介 《例运,同络攻击,

    2024年02月05日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包