如何用css设置网页字体[多图]

如题所述

最好是使用大多数人的机器上可能有的常见的truetype字体。
Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体,中文里面Windows自带宋体、黑体及楷体。
如果你使用不常见的字体,不要忘记为没有此字体的浏览器指定替代的字体。
通过css设置font-family来制定字体集,浏览器可以顺序查找使用你制定的一系列字体,让你的页面看起来还不错。
・装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。
・不要过分地使用字体,在同一页面中不要使用太多不同的字体。
通常使用两种字体就足够了:一种用于标题,一种由于文本。
某些字体组合常常无法工作。例如,不要再同一页面中使用script和斜体字体,不要在同一页面中使用一种以上的装饰性字体。
・尝试使用相同字型的不同浓淡度使页面更有趣。
如果你的页面相当乏味,没有图像,那么尝试设置促体的浓淡度(通过css的font-weight特性),这会使页面更生动。使用不用的浓淡度不仅可以使页面更吸引人,它还是组织信息的最有效的方法之一。
・不要在同一页面中放两种sans serif字体,除非你确实知道在做什么。
如果你要在同一页面中使用两种字体,它们应该来自两种不同的字型类别。
・不同的操作系统及浏览器中pt字会不一样大。
pt(磅)最早是用于印刷的字号,在windows和mac os里面,相同的pt值会对应不同的px(像素)值。唯一可靠的单位,就是px。
・设置字号的时候,要考虑好来你的网站的客人会是什么样的人?
如果你设置了固定的字号,比如12px,那么,对于普通浏览者来说,这是没什么问题的,但是如果你的网站的浏览者包括老人和视力有问题的人群,那么这个尺寸就太小了,最好提供个他们可以选择页面字体的权利。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-10-26
考虑到用frontpage制作网页的人较多,同时它对其他网页编辑器的使用者也有一定的借鉴作用,
我们可以用css设置出无数种网页字体,但万变不离其宗,任何的变化都要遵循css的基本语法。因此我们先来了解一下css的基本语法,它是这样子的:HTML 标志 { 标志属性:属性值;标志属性:属性值;标志属性:属性值;…… }。设置字体时,只要正确的更改字体属性的属性值,就可以达到目的。字体属性共分五种:字族(font-family)、字体风格(font-style)、字体变形(font-variant)、字体加粗(font-weight)、字体大小(font-size),此外font属性是一个总体属性,可一一指定以上各种属性和属性值。它们的功能与属性值如下:
1、字族(font-family)
功能:通过font-family指定字体类型用于改变HTML标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。 其语法为:h1 {font-family: 字体类型,字体类型,字体类型} 2、字体风格(font-style)
功能:使文本显示为扁斜体或斜体等?属性值:normal-普通、italic-斜体、oblique-偏斜体 语法为:h1{font-style:属性值} 3、字体变形(font-variant)
功能:使文本中的小写字母显示为字体较小的大写字母,常用于设计特殊的标题。 属性值:normal(普通)和small-caps(小型大写字母) 语法为:h1{font-variant:属性值} 4、字体加粗(font-weight)
功能:用于设置字体笔划的粗细。本回答被提问者采纳
第2个回答  2015-12-21
css设置网页字体:利用到css中font 属性,具体设置包括:

font-style:字体样式。

font-variant:设置或检索对象中的文本是否为小型的大写字母。

font-weight:设置字体粗细。

font-size/line-height:字体大小/字体行高。

font-family:规定元素的字体系列。

如何用css设置网页字体[多图]
1、字族(font-family)功能:通过font-family指定字体类型用于改变HTML标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。 其语法为:h1 {font-family: 字体类型,字体类型,字体类型} 2、字体风格(font-style)功能:使文本显示为扁斜体或斜体等?属性值:normal-普通、italic-斜体...

css设置艺术字体的代码?
使用CSS来修改文本的字体颜色,大小,要求有代码双击打开HBuilder工具,新建一个HTML5静态页面模板。在标签内,插入一个div标签,并设置对应的ID属性和内容。在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。在css页面中,设置字体的颜色通过下面的代码:字体的color值,一般都是使用#加16...

CSS+DIV网页样式与布局从入门到精通的图书目录
4.2.1 设置网页背景颜色 1354.2.2 设置带花纹边框 1364.2.3 设置永远固定的背景 1434.2.4 设置圆润的栏目模块 1444.2.5 设计分栏版式 1494.2.6 设计滑动门菜单 1514.2.7 设计灯箱广告 1544.2.8 设计博客首页效果 157第5章 使用CSS控制列表样式 163视频讲解:55分钟5.1 列表样式设置基础 1645.1.1 设置列表项...

什么是CSS样式?它有哪些类型?
1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定 义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在与之间的那段定义好的CSS复制 到CSS文件...

什么是css多图融合技术,多图融合技术有哪些优点?
css多图融合其实就是把很多张的图片用一些技术或者软件融合为一张图片;有点就是节省空间和处理次数,大大加快了网站允许速度和载入速度!主要就是优化方面用到!

用CSS 设计漂亮的阴影,css阴影和原理,所有知识点多图动画演示
在自然界中,阴影是光投射出来的。阴影的方向取决于灯光的位置:一般来说,我们应该为页面上的所有元素确定一个单一的光源,通常位于左上方:如果 CSS 有一个照明系统,我们可以为所有元素指定同一个光源,可惜CSS 没有这样的东西。我们通过指定水平偏移和垂直偏移来移动阴影。例如,在上图中,生成的阴影...

我想要serif和sans serif的历史~~谢谢大家哈
否则,使用衬线字体。换而言之,如果你要使用无衬线字体显示网页的正文内容,那么,你必须把它的font-size设的足够大,以保证用户能轻易阅读。至于具体将font-size 设多大,是因字体而异的。12px 对于 Verdana 来说已经完全足够,但是要能轻易的阅读隶书,可能需要24px以上才行。对于11px以下的英文字体...

海报字体在线转换器-pop字体生成器
首先,打开pop字体生成器的网站。然后,在输入框中输入你需要展示的文字或句子。接下来,根据你的喜好,选择你喜欢的字体效果。最后,复制并粘贴生成的字体效果到你的文档或设计作品中即可。 pop字体生成器可以用于哪些场景? pop字体生成器适用于各种场景,如商业广告、个人创作、宣传海报等。无论在文本内容展示方面,还是在...

你好,请问一下 你是怎么做到用列表循环图片的啊?
没明白什么意思,是在一篇文章里实现多图列表,还是在栏目里实现!两种实现方法不一样的!

如何在同一个页面加载两个或多个百度的 UEditor HTML 编辑器
imageEditor{$addons_data.id}.ready(function () { \/\/设置编辑器不可用 imageEditor{$addons_data.id}.setDisabled(); \/\/隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏 imageEditor{$addons_data.id}.hide(); \/\/侦听图片上传 imageEditor{$addons_data.id}.addListener('befo...

相似回答