网页字体介绍以及网页常用字体设置

网页字体设置不同于平面设计等其他媒体设计有更多的艺术字体可供选择。
因为网页设计中永远不要假设客户的电脑上有你使用的字体。为了让我们的网页在绝大多数访客的电脑上看起来一致。就必须使用绝大多数访客电脑上都有的字体。

网页中的字体是通过css设定,如:font-family:‘Microsoft Yahei‘,"simsun";
意思是先找微软雅黑,如果没有就使用宋体字,当然,如果你的客户是windows中国用户宋体是默认字体,此时font-
family:‘Microsoft Yahei‘,"simsun";和font-family:‘Microsoft
Yahei‘;等价的。找不到微软雅黑字体就会使用默认的宋体。

/*网页字体参考
    font-family:"simsun";
    font-family:Tahoma,Arial,Helvetica,STHeiti;
    font-family:Georgia, "Times New Roman","simsun";
    font-family:‘Microsoft YaHei UI‘,‘Microsoft YaHei‘,DengXian,SimSun,‘Segoe UI‘,Tahoma,Helvetica,sans-serif;
    font-family:‘Hiragino Sans GB‘,‘Microsoft Yahei‘,SimSun,Tahoma,Arial,Helvetica,STHeiti;
    font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida
Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino
Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro
Hei",sans-serif
*/

font-family:‘Hiragino Sans GB‘,‘Microsoft Yahei‘,"WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti;

这些网页字体依次是 “苹果丽黑字体”(这个是苹果系列设备上用),微软雅黑、文泉驿(细)微米黑字体,宋体,Tahoma,Arial,Helvetica,苹果黑体字体(这个是苹果系列设备上用)

如何选择网页字体?
懒人建站建议使用微软雅黑,如果是数字或者字母的话可以尝试使用英文字体Tahoma,Arial,Helvetica,兼顾一下苹果系列设备,附加一个‘Hiragino Sans GB‘,STHeiti

微软雅黑如果是小字号会不好看,大字号会比较好看,雅黑字体加粗不好看,大字号不加粗比较美观。

黑体字也是中国的windows电脑上都有的但是尽量不用黑体字,黑体字少量标题加粗的地方可以用。

除了以上介绍的网页字体之外的其他的字体均不要轻易使用。

时间: 2024-12-28 17:49:56

网页字体介绍以及网页常用字体设置的相关文章

[转] 网页常用字体

Georgia ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px) abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px) abcdefghijklmnopqrstuvwxyz 0123456789 Impact ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px) abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRS

网页常用字体

Georgia ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px) abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px) abcdefghijklmnopqrstuvwxyz 0123456789 Impact ABCDEFGHIJKLMNOPQRSTUVWXYZ (26px) abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRST

网页中如何使用一些特殊字体

虽然我们可以通过图片,flash.SIFR等技术来实现网页使用特殊字体,有利于SEO网页中嵌入特殊字体方法,@font-face属性. 通常网页上不能使用一些特殊字体,否则浏览者可能无法正确浏览到,虽然我们可以通过图片,flash.SIFR等技术来实现网页使用特殊字体, 但是这都有个严重的缺点:不利于SEO. 下面介绍一种非常有利于SEO的特殊字体应用方法:在CSS中通过@font-face属性来实现网页中嵌入特殊字体. 第一步. 获取要使用字体的三种文件格式,确保能在主流浏览器中都能正常显示该

SecureCRT学习之道:SecureCRT常用快捷键设置与字体设置方法

常用快捷键: 全屏View->Full Screen 快捷键 Alt + Enter 菜单View 快捷键 Alt + V 打开新的终端 快捷键 Alt + B 字体设置: options->global options->general->Default session-> Edit Defalut Settings 网上有人建议用fixedsys,这个字体虽然不是最美丽的,但在终端上也是一个不错选择,大家都可以接受. 选择它,主要是因为它大小固定,在所有地方显示,效果都一

网页CSS样式属性:font字体常识

同时声明中文字体的字体名称(英文)和显示名称(中文): font-family:SimSun,"宋体"; font-family:"Microsoft YaHei","微软雅黑"; font-family:STXihei,"华文细黑","Microsoft YaHei","微软雅黑"; 永远不要忘记声明英文字体,并且英文字体应该在中文字体之前 Font-family: Georgia,

界面设计过程中的常用字体规范

好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事. 这几天有人问我说:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗……” 这个,好吧,那就直接说说能用的知识:字体字号. 也许你会说:字体字号?也太Low了吧,这个谁不知道重要呀. 对于这个问题,我想说:会和熟练,是两回事.一个App,不同部分的字体字号你能准确地说出来吗? 很多刚做APP界面的设计师,经常会因为字号,字体颜色,间距而困扰. 拿到设计需求后,开始进行设计,不知道从何去调整界面

网页设计基础介绍

最基础的网页设计,就是给你一个图片你做成一个网页,个人网页的功底不是很高,偏向于后台逻辑处理,偶尔会看些前端构造首先先认识一下网页的一些相关知识: 一般的,现在一个html网页一般包含html文件,css文件,js文件,img文件这几个部分css文件,全名叫成叠样式表稍后会说说,js呢,这个文章暂时先不说现在说说网页静态网页htm,html 最早的静态网页文本,目前也常见非静态网页 asp 微软的动态网页文件php php的文档格式,参看www.php.net,常用,比asp流行jsp sun公

常用字体的unicode表示

ie9中line-height失效解决方法:只需设置好字体,添加个宋体即可解决 如CSS代码font-family:Arial, "宋体",Helvetica, sans-serif;设置字体时候注意,还需设置大家都默认系统自带字体,如黑体,宋体.在中文IE9中不认英文字体,所以IE9找不到设置中文字体,所以对导致字体上下垂直失效.试了一下改成:font:12px/1.5 arial,“Sim sun”,helvetica,sans-serif;也可以OK补充:按着font:12px/

网页色彩搭配的几种常用颜色

一般来说,网页的背景色应该柔和一些.素一些.淡一些,再配上深色的文字,使人看起来自然.舒畅.而为了追求醒目的视觉效果,可以为标题使用较深的颜 色.下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定会有不错的效果,希望对大家在制作网页时有用. Bgcolor″#F1FAFA″———做正文的背景色,淡雅 Bgcolor″#E8E8FF″———做正文的背景色,文字颜色配黑色 Bgcolor″#FBFBEA″———