脑门儿

最近准备建一个网站,于是特别留意网页上那些勾魂儿的元素。

除了版面设计和配色方案之外,字体也是勾魂儿利器之一,尤其是Slogan和标题的字体。

全球著名平面设计师Robin Williams在她的书中反复强调:

不管是宣传册、传单、出版物,还是网站和技术资料,都应该设计得好看(好读)好玩(有趣),让人一眼就产生往下读的欲望和冲动。

所以,标题千万不要使用Arial、Times、Helvetica等较为刻板的字体,而要在Sans Serif、Eurostile、Formata等较为醒目的字体中选择。

Arial和Times在西语字体中的地位等相当于中文的宋体,容易辨认和阅读,适合用作正文字体。

Sans Serif(无衬线字体)是西文字体里的一大类 —— 对应于Serif(衬线字体),相当于中文里的黑体、幼圆、楷体等,醒目、优美而炸眼。如果大段文本使用这些字体,阅读起来眼睛容易累,但用作标题、标语、关键词等强调文本却能起到画龙点睛、一目十行的效果。


这个理念出自Robin Williams在25年前写的一本书——The Non-Designer’s Design Book,主要基于出版物和印刷品的设计经验。

当时,网络才刚刚兴起。字体种类很有限,新字体的产量还比较低。

不像现在,有很多专门发布字体的网站,上面的字体花样繁多、琳琅满目。

那么,问题来了!

网页是html文件,它的外观效果(即格式)是用CSS、JavaScript等语言“写”出来的。

在这些语言里,使用字母数字型(Alphanumeric)的字体名称是最安全的。包含中文字符的字体名称虽然也可以用,但经常会导致样式失效、乱码或报错。

你知道常见字体的英文名称吗?

如果你下载了一款新字体,知道去哪里查看它的英文名称(字母数字型)吗?

要知道,这款字体很可能是设计师的个人作品,名字也充满个人特色。但是咱的设计师们更擅长中文,弄个规范、漂亮的英文名称可不是所有人的强项!

我最近在建网站的时候,可没少为字体名称愁得眼疼:开始全靠猜猜猜,猜来猜去也猜不明白。唉,咋整?

好在,功夫不负有心人。终于还是摸索出来了一些门道儿,眼没白疼!

接下来,我就自豪地嘚瑟一下历劫、亲测后收集起来的48款字体的中英文名称,其中不乏艺术感十足的个性字体,比如男神体、骚包体、快乐体、手拙体、好身体(也算“体”)哈哈哈 ……

授人以鱼,不如授人以渔。中文字体的英文名称查找方法(尤其是个性字体),(由于篇幅所限)将另行发文分享。

绝对独家哦!

字体名称

48+款免费商业字体:预览和下载

一. 常规字体

  1. 微软雅黑

    Microsoft Yahei

  2. 宋体

    SimSun

  3. 仿宋

    FangSong

  4. 新宋体

    NSimSun

  5. 楷体

    KaiTi

  6. 华文楷体

    STKaiTi

  7. 华文行楷

    STXingKai

  8. 黑体

    SimHei

  9. 隶书

    Lisu

  10. 幼圆

    YouYuan

二. 思源系列

  1. 思源黑体

    Source Han Sans CN

  2. 思源柔黑

    Gen Jyuu Gothic

  3. 思源真黑

    Gen Shin Gothic

  4. 思源宋体

    Source Han Serif SC

三. 站酷系列

  1. 站酷小薇Logo体

    XiaoWei

  2. 站酷文艺体

    ZcoolWenyiTi

  3. 站酷庆科黄油体

    ZcoolQingkeHuangyouTi

  4. 站酷快乐体2016

    HappyZcool-2016

  5. 站酷仓耳渔阳体

    TsangerYuYangT W01 (W02或W03)

  6. 手书体

    ShoushuTi

四. 胡晓波系列

  1. 胡晓波男神体

    Huxiaobo-Nanshen

  2. 胡晓波骚包体

    Huxiaobao-Saobao

  3. 胡晓波真帅体

    Huxiaobo-Zhenshuai

五. 优设系列

  1. 优设好身体

    YOUSHEhaoshenti

  2. 优设标题黑

    YouSheBiaotihei

六. 演示系列

  1. 演示春风楷

    SlideChunFeng Regular

  2. 演示佛系体(繁体)

    SlideFu Regular

  3. 演示秋鸿楷

    lideQiuHong Regular

  4. 演示夏行楷

    SlideXiaXing Regular

  5. 演示斜黑体

    Source-KeyNoteArtHans

  6. 演示悠然小楷

    SlideYouRan Regular

  7. 演示镇魂行楷标准字

    SlideTownSoul Regular

  8. 演示镇魂行楷斜体

    SlideTownSoulfe Regular

七. 霞鹭系列

  1. 霞鹭晰黑

    LXGW Clear Gothic

  2. 霞鹭漫黑

    LXGW Marker Gothic

  3. 霞鹭文楷

    LXGW WenKai

  4. 悠哉字体Y

    Ozai Font

八. 手写体集锦

  1. 寒蝉手拙体

    HCSZT Regular

  2. 鸿雷板书简体

    Honglei Sim

  3. 可爱少女体

    PopRumCute

  4. 濑户字体

    SetoFont

  5. 麦克笔手绘

    Tanuki Permanent Marker

  6. 沐瑶软笔手写体

    Muyao-SoftBrush

  7. 沐瑶随心手写体

    MuyaoPleased

  8. 摄图摩登小方体

    ShetuModengXiaofangTi

九. 其他

  1. 联盟起艺卢帅正锐黑体

    LianmengQiyiLushuaiZhengruiHeiti

  2. 仓耳周珂正大榜书

    TsangerZhoukeZhengdaBangshu

  3. 汉仪旗黑

    HYQiHei 60S

后跟儿

又增加了一些奇奇怪怪的知识

男神体 骚包体 快乐体 手拙体 好身体(haha),你知道这些字体的英文名字吗?相关推荐

  1. chico lachowski_新年大盘点:那些冷门却养眼的时尚男神

    (来源:Choice悦选合作公众号.) 就是喜欢看帅哥!就是喜欢美的东西!2017年北夜的第一篇文章决定进行一次时尚界的帅气男神大盘点,他们有的是时尚博主,有的是大牌模特,有的是公关经理--他们的名字 ...

  2. 3.函数、结构体、包

    一.函数定义和调用 package mainimport ("fmt" )func test() {fmt.Println("hello world") } f ...

  3. c语言嵌套结构体数组,第22节 C语言结构体之结构体嵌套、结构体指针与结构体数组的代码实现...

    结构体 #include //第一步 struct Student { //学号 int no; //姓名 char name[20]; //性别 char sex[10]; //成绩 double ...

  4. c语言获取结构体大小sizeof,C语言sizeof求结构体数组长度

    C语言sizeof求结构体数组长度 C语言sizeof求结构体数组长度 #include typedef struct ss{ char a;//偏移量为0,大小为1,0能被1整除,=1 short ...

  5. ansys怎么合并体_亚马逊合并拆分变体实操(干货)-合并

    合并和拆分变体是亚马逊运营必备的一项操作,通过合并和拆分变体,能够更好的调整布局,达到一些运营的目的.下面来具体介绍一下如何合并和拆分变体. 一.什么是亚马逊变体? 亚马逊变体(又称为父/子关系)是彼 ...

  6. 【C 语言】结构体 ( 结构体类型变量初始化 | 定义变量时进行初始化 | 定义隐式结构体时声明变量并初始化 | 定义普通结构体时声明变量并初始化 )

    文章目录 一.结构体类型变量初始化 1.定义变量时进行初始化 2.定义普通结构体时声明变量并初始化 3.定义隐式结构体时声明变量并初始化 二.完整代码示例 一.结构体类型变量初始化 1.定义变量时进行 ...

  7. c语言结构体的位操作,C语言之路---结构体、位运算及预处理命令

    一.结构体 1).概念 结构体是一种集合,它里面包含了多个变量或数组,它们的类型可以相同,也可以不同,每个这样的变量或数组都称为结构体的成员(Member). 结构体也是一种数据类型,它由程序员自己定 ...

  8. 结构体数组(SoA)与数组结构体(AoS)

    1.结构体数组(SoA) /** SoA 结构体数组定义*/ struct InnerArray {float x[LEN];float y[LEN]; }; /** CPU -> SoA 结构 ...

  9. c语言结构共用体的作用,浅谈C语言共用体和与结构体的区别

    共用体与结构体的区别 共用体: 使用union 关键字 共用体内存长度是内部最长的数据类型的长度. 共用体的地址和内部各成员变量的地址都是同一个地址 结构体大小: 结构体内部的成员,大小等于最后一个成 ...

最新文章

  1. PL/SQL developer执行的sql文件编码
  2. Programming asp.net笔记--第三章 Controls: Fundamental Concepts
  3. 【译】理解JavaScript中的柯里化
  4. python 鼠标键盘操作 pyautogui
  5. 30. Leetcode 83. 删除排序链表中的重复元素 (链表-双指针)
  6. docker容器中安装vim 、telnet、ifconfig, ping命令
  7. jdk1.7 String switch的实现
  8. UI设计素材 | 备用的404界面,存起来
  9. ORA-06413连接未打开的错误的原因和解决方法
  10. [-Flutter 自组篇-] 圆形进度条
  11. 201671030109 词频统计软件项目报告
  12. asp支付宝支付接口手机版asp支付宝支付接口pc版asp支付宝二维码支付免费下载
  13. ZoomIt使用方法详解
  14. 使用iMazing给苹果手机设置专属来电铃声
  15. 单击选定单元格后输入新内容_Excel表格处理基本操作部分习题参考解答
  16. 现代笑话二则:1.宿舍找钱;2.不漂亮的漂亮。
  17. 跟alex学python_跟Alex学Python之
  18. Web的组成架构模型
  19. 高级测试にんじゃ修炼之道
  20. 不在以下合法域名列表中,请参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html

热门文章

  1. 网易视频云首推多路互动直播,首批测试邀请火爆来袭
  2. Pytorch官网一直很卡进不去,离线下载pytorch各类版本安装包方法
  3. 串口之COMMTIMEOUTS结构体详解
  4. FDTD超表面仿真详细教程,几何相位,共振相位,传播相位
  5. 『Java CVE』CVE-2022-33980: Apache Commons Configuration 读文件RCE
  6. iOS 开发修改app名称(display Name)后实际app名称没有变的情况
  7. PHP+Mysql 实现最简单的注册登录
  8. mysql 出现撇号 _Navicat使用教程:如何在MySQL中定位和删除有重复意义的值
  9. 装X神器微信朋友圈小尾巴
  10. 塔塔露也能看懂的服务器配置pytorch,TensorFlow教程