网页界面有哪些字体是值得尝试的?


这里其实有两个问题:
1.网页界面有哪些优雅好看的字体是值得尝试的?
2.怎样让网页显示中文时使用一种字体,显示英文时使用另外一种字体?

web 前端 字体 html5 JavaScript

俊程Jared 9 years, 4 months ago

尝试归尝试 真正用的时候中文也是首选微软雅黑 小字可能还要切到宋体

Pojet answered 9 years, 4 months ago

英文字体可以用 Open Sans Verdana ,效果都很好;中文就用 Microsoft Yahei UI(微软雅黑) 吧,所有人电脑上都有的。

代码可以使用 font-family: "Open Sans", "Microsoft Yahei UI";

卡特蕾亚大死机 answered 9 years, 4 months ago

首先推荐阮一峰老师的文章 中文字体网页开发指南 ,文章里面有你想要的答案。
然后阮老师同时参考了这篇文章 传送门 这篇文章的字体风格本身就是一个非常好的例子,特别是英文字体。

个人

  1. 我比较钟爱的字体: Microsoft Jhenghei(微软正黑体) 文艺方正 Hiragino Sans GB(冬青黑体) 圆润细腻 英文的话偏向于修长或整齐的字体(多数都是第三方非系统自带的字体) 前两者比较适用于小号字体, 字体如果稍大的话就不敢恭维, 这两款都是比较万金油的字体,事实上字体选择与网页主题风格和修饰的内容都有着密切的相关,一些奇怪的字体合适的使用也能产生出人意料的效果。

  2. 中英分别使用不同字体,简易的: font-family: 英文字体(纯英文), 中文字体

英文推荐第三方字体毕竟系统字体都不大好看,中文就老老实实的用系统带的毕竟用@font-face引入第三方字体集千个中文字符往往都是几M的文件, 虽然你也可以用一些工具 font-spider 来优化,但个人还是不大推荐引入第三方字体集, 有点跑题。

七六五肆叁贰壹 answered 9 years, 4 months ago

设计跟我说, Tahoma 这字体不错,淘宝也是用这个。

font-family: Tahoma,"Microsoft Yahei"; 你这样写,英文就是用前面的字体,中文用后面的字体啊。

原来我是奶茶 answered 9 years, 4 months ago

Your Answer