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

网页页的字体设计

发布时间:2020-10-25 21:11:49

1、文字排版如何优化网站页面设计

一个网站是否美观关系到用户是否喜欢该网站,决定网站是否美观的因素就是网站页面设计。
从网站的角度出发,网站内容的核心就是文字,文字排版就是将文字进行合理的排列组合。从搜索引擎的角度出发,搜索引擎可以识别并采集的主要内容是文字。基于这两点,文字内容在网页中的重要性显而易见,企业网站设计时需要着重对这文字部分的内容进行合理优化,让其与网站的设计风格和表现需求相符合,从页让网站设计发挥出更大的价值。文字排版优化的实用方法如下:
1、文字格式应前后一致、风格统一
企业网站中运用文字时不会只集中在一个区域,所以在进行文字排版时应做到前后一致、风格统一,这样才能保证网站页面的整齐统一。影响文字格式的因素有文字颜色和大小,在网页设计中这两点应做到一前后一致,整齐美观。另外,在做到统一的同时还应注意动态性,让网上页面即整章有具有不失乏味。
2、文字的间距和行距应做到适当、科学
文字的间距和行距指的是两个文字之间和两行文字之间的距离,企业网站页面设计时应做到科学适当的设置网站页面文字的间距和行距,让整个页面的内容即紧凑又合理,只有合理的文字排列才能让用户顺便利的阅读网站内容。
避免出现的情况:①文字间距相对较小或过大,②文字行距过大或过小。无论是文字的间距过大还是过小都是不对的,过小会给人一种密密麻麻的感觉,让用户没有想要阅读下去的俗欲望;而过大就会导致网站页面的内容量过少,能够为用户提供的信息量降低。
分形科技建议:网站页面文字排版时上下文的间距控制在1.5倍相对合适,这符合大部分人的审美观念。
3、文字的颜色选择应合理
网页中的文字也是可以设计颜色的,这个颜色的选择应与网站的背景色有明显的差异,让人可以很容易的将二者区分开来,这样做有利于增强网页中文字内容的辨识度。另外,还需要从整个页面出发,注意整体的层次感,如文章的标题和正文中需要重点突出的内容可以设置一些不一样的颜色,让网站页面丰富起来,吸引用户阅读。
望采纳!谢谢!

2、怎么修改我的网页字体?以前都是宋体,不知道怎么变成这样了

一、首先,先打开正在使用的浏览器。

二、然后找到该浏览器的“工具”设置,点击打开。

三、然后在“工具”中找到“Internet选项”选中打开。

四、然后在“常规”里找到“字体”选项,点击进入。

五、在“字符集”项下拉菜单找到各种字体。

五、然后选择想要的网页字体,“确定”保存设置,网页字体修改完成。

3、网页设计中,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>
那样你字体大小就可以很好地精确起来,就不会一下子这么大这么难看了,你可以试一下。
希望我的回答能令你满意!

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

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

5、怎么更改网页二级页面的字体

已经找到修改的地方了,唉,还是靠自己乱摸!!!

6、网页设计开发:如何处理网页字体

在网页的设计开发过程中,最重要的莫过于网页的视觉效果,设计人员经常花费大量精力用于调整字体和字号。利用CSS2规范,我们可以在Web页面或应用程序中随意对字体进行调整。本文将深入探讨字体大小,并介绍在网页和网页应用程序中调整字体的最佳方法。 如何调整字号 CSS2规范是以字体长度来定义字号的,长度数字越大,字体的水平和垂直长度就越大。在长度数字前,有时候还会缀以“+”或者“-”号。另外,在字号后,有可能还跟随着单位标识符。CSS2规范中包含了两种单位标识符:绝对单位标识符和相对单位标识符。绝对值用来定义单位,而相对单位标识符则表示相对于另一个值的大小,以下列出了几种相对单位标识符: em表示字体的高度,它等于字体的font-size属性经过比例计算后的值。但有一种情况例外,即font-size属性本身使用了em标识符,在这种情况下它会以父元素的字体大小为参考;ex(x-height)指定与小写字母x的高度相等;px(pixels)关系到画布或屏幕分辨率,网页显示时的像素值完全取决于显示器分辨率,这会使显示结果随用户在屏幕分辨率上的偏好而改变。 另一种实现绝对字号的方法是使用缩放功能。你可以使用以下关键字来缩小或放大字体:xx-small、x-small、small、medium、large、x-large,以及xx-large。其中Medium是一个基准,带有small字样的参数会让字体缩小,而带有large字样的参数会让字体扩大。CSS2规范中定义的缩放比例是1.2,但是不同的浏览器可能有不同的解析结果。 采用何种方式 CSS中有大量关于字体字号方面的参数,那么你的网页该采用什么定义方式呢?采用绝对标识符来确定字号有很多弊端,比如会对一致性和灵活性造成影响,还会在可访问性方面出现问题。相对字号与绝对字号相比,可以让用户通过多种方式来调大字号,从而更便于阅读。在实际开发中,大多数设计人员采用的也是相对字号。下面让我们更深入地了解一下相对字号: 在字号方面使用最多的方式就是pixels方式(px),大多数浏览器都支持这种字号定义方式,使用这种方式的缺点就是用户无法在IE浏览器中调节字体大小。 最普通的字号定义方式是使用em或百分比。用em定义的字号可以在任何浏览器中缩放,它同时也照顾到了用户对字体的偏爱。 阅读关于 网页设计开发字体网页陶吧 的全部文章

7、网页设计中字体设计的原则

?

8、html网页的字体怎么设置好看

想用CSS设置字体样式,首先得了解CSS 字体属性,CSS 字体属性可以定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。
如下:
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family 设置字体系列。
font-size 设置字体的尺寸。
font-size-adjust 当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)
font-stretch 对字体进行水平拉伸。(CSS2.1 已删除该属性。)
font-style 设置字体风格。
font-variant 以小型大写字体或者正常字体显示文本。
font-weight 设置字体的粗细。
如果你希望文档使用一种字体可以这样
body {font-family: sans-serif;}
指定字体系列,如下,这样所有h1标签里面的字体就定义好了
h1 {font-family: Georgia;}
其中他们优先级是 h1>body
注意:如果读者没有安装 Georgia字体,会默认为其他字体,如果您对字体非常熟悉,也可以为给定的元素指定一系列类似的字体。要做到这一点,需要把这些字体按照优先顺序排列,然后用逗号进行连接:
p {font-family: Times, TimesNR, 'New Century Schoolbook',
Georgia, 'New York', serif;}
如果把一个 font-family 属性放在 HTML 的 style 属性中,则需要使用该属性本身未使用的那种引号如:
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,
'New York', serif;">...</p>
字体风格
font-style 属性最常用于规定斜体文本。
该属性有三个值:
•normal - 文本正常显示
•italic - 文本斜体显示
•oblique - 文本倾斜显示
实例
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
字体变形
font-variant 属性可以设定小型大写字母。
小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。
实例
p {font-variant:small-caps;}
字体加粗
font-weight 属性设置文本的粗细。
使用 bold 关键字可以将文本设置为粗体。
关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。
如果将元素的加粗设置为 bolder,浏览器会设置比所继承值更粗的一个字体加粗。与此相反,关键词 lighter 会导致浏览器将加粗度下移而不是上移。
实例
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
字体大小
font-size 属性设置文本的大小。
有能力管理文本的大小在 web 设计领域很重要。但是,您不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落。
请始终使用正确的 HTML 标题,比如使用 <h1> - <h6> 来标记标题,使用 <p> 来标记段落。
font-size 值可以是绝对或相对值。
绝对值:
•将文本设置为指定的大小
•不允许用户在所有浏览器中改变文本大小(不利于可用性)
•绝对大小在确定了输出的物理尺寸时很有用
相对大小:
•相对于周围的元素来设置大小
•允许用户在浏览器改变文本大小
注意:如果您没有规定字体大小,普通文本(比如段落)的默认大小是 16 像素 (16px=1em)。
使用像素来设置字体大小
通过像素设置文本大小,可以对文本大小进行完全控制:
实例
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}

9、网站设计页面排版一般用什么字体,多大号,色彩方面一般怎么搭配比较好看?

一般中文,12px,14px,15px,16px,17px,18px,19px,20px...上不限制。看你需要吧。
英文是10px,11px,12px,13px,14px,15px,16px,17px,18px...等等。
色彩搭配和排版这个不是三言两语说得清楚的。不然就不需要专门的设计人员了,不是么?

10、制作三个页面,要求页面中有文字、图片,并实现三个页面的相互链接。 具体页面内容可自由设计。

第一个页面:
<html>
<head>
<script type="text/javascript">
function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}
</script>
</head>
<body>
<input type="button" value="跳转页面1" onclick="go(1)" />
<input type="button" value="跳转页面2" onclick="go(2)" />
<input type="button" value="跳转页面3" onclick="go(3)" />
当前是页面1的内容:
<img src = "1.jpg">
</body>
</html>
第二个:
<html>
<head>
<script type="text/javascript">
function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}
</script>
</head>
<body>
<input type="button" value="跳转页面1" onclick="go(1)" />
<input type="button" value="跳转页面2" onclick="go(2)" />
<input type="button" value="跳转页面3" onclick="go(3)" />
当前是页面2的内容:
<img src = "1.jpg">
</body>
</html>
第三个:
<html>
<head>
<script type="text/javascript">
function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}
</script>
</head>
<body>
<input type="button" value="跳转页面1" onclick="go(1)" />
<input type="button" value="跳转页面2" onclick="go(2)" />
<input type="button" value="跳转页面3" onclick="go(3)" />
当前是页面1的内容:
<img src = "3.jpg">
</body>
</html>

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