导航:首页 > 万维百科 > 网页字体设计

网页字体设计

发布时间:2020-07-22 14:36:38

1、网页设计中公司网站一般用什么字体什么字号

正常的内容文字使用宋体12号即可,无需效果

网站名,logo采用最大的字体,黑体,笔迹清晰即可。

文章标题采用大于14号比内容略大。

版权,底部,次要文字采用10号左右浅色。

2、网站设计中的字体设计的技巧有哪些?

一、选择哪一种字体。一般来说,页面的字体选择宋体比较多,并且宋体也很常见。尽量不要使用一些生僻词、罕见字。很多的用户终端并没有那么多的字体,当用户在浏览网站时可能会显示乱码,从而影响用户体验,但是要注意一个问题,操作系统不一样,字体也不一样。因此,在字体设计的时候,选择常见的这样效果也会比较好。

倾巢网络

二、设计字体的颜色。一般来说,文章的背景是白色的,使用黑色的字体。因此,设计页面的时候,一般都使用黑色或者是浅灰色作为字体的颜色,比较方便浏览,用户也可以接受。如果不是创意类网站,不建议使用鲜亮的颜色。

三、字体大小的设计。页面设计过程中,字体的大小设计也是影响用户体验的一个重要要素。太大或者太小都会影响网站的用户体验,页面设计的时候可以结合位置设置字体的大小。文章的标题字体较大,正文的字体就应该比较小。

四、特殊字体的使用。页面设计的时候,有些网站想要使用一些比较特殊的字体来突出网站风格,这里建议将特殊字体设计成图片添加在页面中,这样就可以保证用户在浏览的网站的时候看到不一样的效果,而不会因为字体的特殊性影响网站的整体效果

3、制作网页用什么字体好?

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风格字体,个人觉得个性太过突出,用得不好会不搭。

Serif

Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。

Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。

中文不熟,抛砖引玉:

中易宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。

微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。

华文细黑:Mac下的默认中文。

Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux绝大多数发行版本的默认中文,,当然也有用WenQuanyi Zenhei的,不过比较少了。



4、如何用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},字体名称是上述所说自定义好的名称。

5、网页设计中,最小的字号应该是多少

网页设计中的字体一般设置成12px,如果网页的东西相对比较少,也可以设置成14px,关于导航和其他的一般是用ps处理出好的效果,如果是文本一般为14以上并且带加粗。

字体没有特别规定但是有常规的用法:

常规文字 12px;标题,页头 14px、16px;大标题,横幅等 18px。

(5)网页字体设计扩展资料:

网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。

网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

6、网页设计中一般用什么字体?

用默认的比较多,微软雅黑也不错

7、网页默认的字体是什么字体 感觉字体跟清晰 很清楚

“宋体”或者“新宋体”。
不过网页设计者可以设计字体的样式,比如“微软雅黑”,如果你的计算机,正好也有“微软雅黑”这种字体,那么这个设置就生效。如果你的计算机没有网页设计人员指定的字体,就要用你的计算机浏览器本身指定的默认字体。

8、用PS设计网页,该用什么字体,大小该是多少

同楼上,字体以宋体为主,因为太多盗版系统上,精简了字体,大部分字体都没有,如果页面上使用了部分字体,客户机器没有,也会用默认字体显示,特殊艺术字都必须切割成图片,这样页面美观了,但是会增加页面的大小,增加下载时间。
字体大小用12和14像素,是最美观的字体大小。

9、网页设计中最常用的字体有哪些

1、Georgia字体

基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。


2、Times字体

Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。


3、Arial字体

Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常。


4、Lucida Family字体

Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。


5、Verdana字体

专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。


6、Tahoma字体

也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。

10、网页设计 中文一般用的字体大小,一般怎么设置font-family。 怎么用fireworks获取图中文字的字体和大小?

一般中文的字体大小是12px或者14px。操作方法如下:

1、打开webstorm软件,在HTML文件中创建h1到h6六个标签,分别font-style设置字体风格,italic斜体,normal正常,oblique倾斜,inherit指继承格式,revert还原字体风格。

2、<br />文本换行显示,在使用p标签写段落文字的时候,在网页中设置换行但是在实际显示的时候还是不会有换行的格式显示,需要在文字中间加上<br />符号,设置换行。

3、设置字体的粗细的情况,根据使用font-weight然后选择字体粗细,bold粗体,bolder稍粗,如图所示,可以根据需要设置不同的字体粗细。

4、使用font-size设置字体大小,在css文件上输入font-size之后系统会自动显示可以选择的大小,large,larger等等,也可以直接输入数字来定义字体的大小。

5、最后运行,如下图所示,就完成了。

与网页字体设计相关的知识