网页字体设计
⑴ 网页设计中最常用的字体有哪些
字体设计的原则是:可辨识性和易读性。
一般中文建议使用微软雅黑,英文使用arial字体。常用的字号大小有以下几种:12px、14px、16px,但是不是绝对的,可以根据需求进行调整,但是字号规格不宜太多,会给人一种混乱的感觉,要注意层次的区别,或者通过改变颜色和粗细来体现美观性。一般使用偶数字号。
另外有些字体,比如方正系列,会涉及到版权,谨慎使用。
⑵ 网页设计中 这是什么字体
只要是网页,一般都是用的宋体,除非特殊网站用的字体,一般网站程序里面都会上传这个特殊字体,然后通过网站代码调用特殊字体才能显示出来的!
⑶ 网页设计中公司网站一般用什么字体什么字号
正常的内容文字使用宋体12号即可,无需效果
网站名,logo采用最大的字体,黑体,笔迹清晰即可。
文章标题采用大于14号比内容略大。
版权,底部,次要文字采用10号左右浅色。
⑷ 如何用css样式设计整个网站字体
网站字体分为两种类型,一种是默认字体,一种是外部字体。
默认字体
如果整个网页都要弄成宋体的话就将body定义为宋体即可,即在样式表中加入:body{font-family:"宋体"},如果只要一部分为宋体,那将那一部分的层的字体样式定义为宋体就行了。
默认的字体有宋体、楷体、黑体、新宋体、仿宋等。
外部字体
样式表中嵌入外部字体,用@font-face语法。
@font-face{font-family:name;src:<url>;sRules;}
<name>:为自定义字体名称
<url>:使用绝对或相对地址指定OpenType字体
<sRules>:样式表定义
如:
@font-face{
font-family:YH;
src:url(http://www.xxx.com/xxx.ttf);
}
然后再设置需要变换字体的样式即可,如:body{font-family:YH},字体名称是上述所说自定义好的名称。
⑸ 制作网页用什么字体好
Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。
Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常
Lucida Family: Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。
Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。
Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。
Trebuchet MS: 为微软设计的一个humanist风格字体,个人觉得个性太过突出,用得不好会不搭。
Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。
Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。
中易宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。
微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。
华文细黑:Mac下的默认中文。
Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux绝大多数发行版本的默认中文,,当然也有用WenQuanyi Zenhei的,不过比较少了。
Serif
中文不熟,抛砖引玉:
⑹ 网页设计字体滚动代码
文字滚动是由<marquee></marquee>控制的。marquee的参数如下:
1、方向 <direction=#> #=left, right
如:<marquee direction=left>啦啦啦,我从右向左移!</marquee>
<marquee direction=right>啦啦啦,我从左向右移!</marquee>
2、方式 <bihavior=#> #=scroll, slide, alternate
如:<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>
3、循环 <loop=#> #=次数;若未指定则循环不止(infinite)
如:<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee>
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>
4、速度 <scrollamount=#>
如:<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
5、延时 <scrolldelay=#>
如: <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
6、对齐方式(Align) <align=#> #=top, middle, bottom
如:<font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
如:<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>
8、面积 <height=# width=#>
如:<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦,我会移动耶!</marquee>
9、空白(Margins)<hspace=# vspace=#>
<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------
<marquee></marquee>
以下是一个最简单的例子:
代码如下:
<marquee><font size=+3 color=red>Hello, World</font></marquee>
下面这两个事件经常用到:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
代码如下:
<marquee >onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动</marquee>
这是一个完整的例子:
代码如下:
<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >
这是一个完整的例子
</marquee>
该标签支持的属性多达11个:
align
设定<marquee>标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐
⑺ 网页设计中,font 如何 精确 字体大小
你好!你现在的size是html中的字体尺寸,这种不适合在页面中作设置,这样会影响整体字体大小的效果。你是好的方法就是要用CSS来做字体大小,这样会很精确地做到。通常情况下,字体大小都是像素px为单位,用CSS来做设置的话,那如下例所示:
字体设置成为宋体12像素字体:.px12{font-family:宋体; font-size:12px}
那如何调用:<font class="px12">这是设置宋体12像素字体效果</font>
直接写入页面也是同样达到效果,方法为:<font style="font-family:宋体; font-size:12px"></font>
那样你字体大小就可以很好地精确起来,就不会一下子这么大这么难看了,你可以试一下。
希望我的回答能令你满意!
⑻ 网页设计中最常用的字体有哪些
英文字体
Sans-serif:
1.
Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。
2.
Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常。
3.
Lucida
Family: Lucida
Grande是Mac
OS
UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。
4.
Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。
5.
Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac
10.5之后默认也有安装。
6.
Trebuchet
MS: 为微软设计的一个humanist风格字体,个人觉得个性太过突出,用得不好会不搭。
7.
Verdana,是一套无衬线字体,由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现,因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。
Serif
1.
Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。
2.
Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。
有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free
font,或者font
freebie吧,出现的名字格式为“X种免费网页设计字体”的博客文章,都进去看一眼,挑一个就好。
Trebuchet、Georgia、Times
New
Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的,非常适合作为正文的标题。
中文字体
1.
中易宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。
2.
微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。
3.
华文细黑:Mac下的默认中文。
Droid
Sans和衍生的WenQuanYi
Microhei:Andriod中的中文,也是Linux绝大多数发行版本的默认中文,,当然也有用WenQuanyi
Zenhei的,不过比较少了。
⑼ 网页上常见的字体是什么字体
这真的是宋体(英文是SimSun)哦。。只是很小(14px)并且没加抗混叠(浏览器不会加的)而已。一个像素一个像素地比较的话:
⑽ 网页设计中公司网站一般用什么字体什么字号
正常的内容文字使用宋体12号即可,无需效果
网站名,logo采用最大的字体,黑体,笔迹清晰即可。
文章标题采用大于14号比内容略大。
版权,底部,次要文字采用10号左右浅色。