1、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;}
2、网页设计英文标题用什么字体呀急!
建议用比较常用的英文字体,例如Arial、Tahoma等。常用字体在大部分人的系统上都有,这样才能保证大家看到的页面效果一致,也就是你当初设计的效果
3、【网页设计】网站的字体排版怎么才能好看
中文网页,通用宋体,亮点标题标记用“微软雅黑”,中英文字体样式都写上。方便解析。
4、制作网页用什么字体好?
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的,不过比较少了。
5、网页设计中最常用的字体有哪些
字体设计的原则是:可辨识性和易读性。
一般中文建议使用微软雅黑,英文使用arial字体。常用的字号大小有以下几种:12px、14px、16px,但是不是绝对的,可以根据需求进行调整,但是字号规格不宜太多,会给人一种混乱的感觉,要注意层次的区别,或者通过改变颜色和粗细来体现美观性。一般使用偶数字号。
另外有些字体,比如方正系列,会涉及到版权,谨慎使用。
6、急急,有哪些字体比较适合做标题字
字体家网页链接有很多字都可用做标题可以去看看。
7、设计一些中国风、中国文化类的网站banner,大字标题。在字体网上找了找,很多都不适合。大家给个推荐呗^-
如何设计网页
网页设计的理解,很多人似乎仍停留在网页制作的高度。这只要网页制作软件,网页设计将能够做一个很好的工作......
网页设计的理解,很多人似乎仍停留在网页制作的高度。良好的使用网页制作软件,在网页设计中,你可以做一个很好的工作。
事实上,网页设计是一个复杂的过程相结合的感性思维和理性的分析,它的方向取决于设计的任务,它的实现依赖于生产的网络。所谓“功夫在诗外”的网页设计是最重要的,是不是该软件的应用,但我们的理解是,网页设计,以及设计水平的美容和把握我们自己的感觉页面上。
首先,我们要弄清楚网页设计的任务。
设计任务
设计是一种审美活动,成功的设计一般都是艺术。但是,艺术设计的手段,而不是设计任务。设计任务是实现设计师的意图,而不是美国的创造。的
任务的主题设计网页设计,显示和实现的功能。性质的网站,设计任务。形式上,该网站可以分为以下三类。
信息类网站,如新浪,网易,搜狐等门户网站。这类网站会为游客提供了大量的信息,大量的访问。因此需要注意分割的页面,在页面的优化结构的合理性,界面亲和等问题。
第二类是组合的信息和图片的网站,像一些较大的公司,国内高校。这样的网站需要更高的设计,无论是上面的要求,以确保该信息类的网站上,同时突出业务单位的形象。然而,在尊重现状,这样粗制滥造的嫌疑人。
第三类是类网站,如小型和中型公司或单位的形象。这类网站一般都比较小,而其他的几页,需要实现简单,网页设计,其主要任务是突出企业形象。这样的网站需要更高层次的艺术设计师。
当然,这仅仅是从整体的角度来看,具体情况还要具体分析。必须区别对待不同的网站。不要忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确设计任务,未来在治安,是如何完成这个任务。
旨在实现设计可分为两个部分。第一部分是计划和草图的绘制,这一部分可以在纸上完成。第二部分是页面的生产,这个过程是在计算机上完成。
设计首页的第一步是设计的布局。 Page作为传统报纸和杂志编辑文本,图像,甚至动画是,我们需要做的工作是最合适的方式,以图片和文字排放在不同地点的页面。除了有一个良好的配置的电脑,软件是必需的。不能简单地说是好还是坏,只要他们觉得方便,携带方便,可以被称为一个优秀的软件设计师使用的软件。当然,它应该是能满足要求的设计师。笔者使用的软件是Macromedia的Dreamweaver,Fireworks会,闪存,Adobe公司的Photoshop,ImageReady中,这些都是很好的软件。接下来,我们需要做的就是通过软件的使用,设计的蓝图变为现实,最终的集成一般是在Dreamweaver中进行。虽然我们在草图上的页面,轮廓,但通常在生产过程中产生的灵感。设计工作必须有创意,这是一个基本的要求,创造性的设计失败。在生产过程中,我们会遇到许多问题,包括最敏感的页面的颜色。
三,使用的颜色
颜色是一件奇怪的事情,这是一个美丽富饶的,它能唤起人的灵魂感知。一般来说,红色是火的颜色,热情,奔放,也是血液的颜色,象征着生命。黄色是明度的颜色,显得华丽,高贵,明快。绿色是自然植被的颜色,意味着纯自然和生长,象征着和平的和平与安全,如绿色食品。紫色是象征着高贵,尊严感。白色给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是所产生的光的折射,红色,黄色和蓝色的三基色,其他颜色可以调和这三种颜色。另一种思路,我们可以改变颜色,光线和阴影的影响,这无疑将使我们的工作更贴近现实。
颜色代表不同的情绪有不同的象征意义。这些符号的意义是一个复杂的问题中,人们交流思想,它是人的年龄,地域,年龄,种族,阶级,经济地区,工作能力,教育水平,风俗习惯,宗教信仰,生活,环境,性别差异有所不同不同。的
纯净的色彩和实际意义和不同颜色的,它的表现也不同。如绿色和金色,脸色苍白,优雅,舒适的气氛。蓝色和白色的混合,体现柔顺,优雅,浪漫的气氛。红色和金黄色,渲染节日气氛。黄金和栗色的组合将带来的温暖。设计不同的任务,也将是一个不同的配色方案。考虑到适应性的页面,你应该尽量使用网页安全色。
但色彩的运用,也没有一定的规则,如果你必须使用一个规则来台,效果将适得其反。的经验,我们可以确保一个表现的主题的主色调,然后才能完成,具体的近似色彩和对比度的整个页面的配色方案的应用程序的需求。整个页面应该是一个整体,在视觉上,以达到和谐,赏心悦目的视觉效果。
四种形状的组合
网页设计,我们主要是通过视觉传达主题。视觉传达,造型是一个非常重要的元素。抛去图表或文字,在屏幕上的所有元素可以统一的基本元素点,线,面要处理的图片。一部成功的作品,需要点,线,面常见的混合和匹配,以构建整个页面。
通常相结合的技术,我们可以使用有序,比例,平衡,对称,连续,间隔,重叠,重复,交叉,节奏,韵律,归纳,变异,特写,反射,等等,都有各自的特点。设计时,应根据具体情况,选择最适合的表现手法,这是一个很好的表现的主题。
由点,线,面结合,可以突出显示在页面上的重要元素,突出主题的设计,以提高审美,让观众感受美的过程,了解设计的主题,为了实现设计任务。
巧妙地使用的形状不带来极大的美感,但可以突出企业形象,并组织能够有机的页面上的元素,它甚至可以引导观众的注意力。
五个设计原则
设计原则,在画面中的元素的组合不管用什么方法,一定要遵循五大原则:统一性,连贯性,分割,对比与和谐。
统一意味着设计工作的完整性,一致性。不要在孤立分散的各个组成部分的设计,设计工作的整体效果是至关重要的,它会在屏幕上显示的枝晶弄得凌乱的效果。
连贯性,是简单的页面之间的关系更多的关注。设计中应使用的各个组成部分的内在联系的内容和表现的正式相互呼应,并注意整个页面设计风格的一致性,视觉和心理上连贯的,使整个页面设计非常和谐,如果一举。
拆分,页面划分成若干小块,小块之间视觉上不同的,所以你可以让观众一目了然。通常在量的信息,以便观众可以清楚地看到,我们必须注意到在屏幕上,有效地拆分。该部门不仅是需要的表现形式。从另一个角度看,也可以被视为分裂的网页的内容作为分类汇总。
对比的是通过矛盾和冲突,使设计更活泼。对比的方式很多,例如:多用,弯曲和伸直,强与弱,长,短,厚,薄,疏与密,虚与实,主,子,黑色和白色的,动态的,静态的,美和丑陋,凝聚力和分散,等。应谨慎使用对比对比太强烈时,容易破坏影响美观统一。
和谐是整个页面,在美国,无缝的法律。如果一个设计作品就像混合的颜色,形状,线条等,然后工作将不仅是没有意义的生活,但也不可能传达视觉设计特点。和谐不仅取决于结构形式,以及是否看视觉效果的作品,可以形成一个沟通与人的视觉感知,心灵的共鸣。这是关键的成功的设计。
六页的优化
页面优化的网页设计是一个比较重要的方面。它的成功与否会影响页面的浏览速度和页面的适应性,影响浏览者对网站的印象。
IT类网站中,文字是最大的组成部分页面元素的字体,优化显得尤为重要。 CSS样式表中指定的文字样式是必要的,我们通常会指定为Times New Roman字体,大小指定为12px的颜色不同的背景颜色,在原则上,能够看到整个页面搭配和谐为准。我们通常使用黑白色背景上的,这是不容易产生视觉疲劳,可以保证观众更长的一段时间,浏览网页。
图片是在页面中的一个重要组成部分。图片优化,可以保证浏览质量的前提下,它的大小到最低限度,这样就可以成倍地提高网页的下载速度。使用的Photoshop6或Fireworks4图片,可以切成小块,进行了优化。输出格式为gif或jpeg,根据具体情况而定。一般情况下,我们有更复杂的颜色变化优化JPEG和优化为gif,这是由这两种格式的特点的彩色卡通风格的装饰,只有简单的块件。
(表)是一个重要的页面元素的页面布局的主要手段。我们可以设置表格的宽度,高度,边框,背景颜色,对齐参数。在许多情况下,我们将表的边界被设置为0,为了找到该页面中的元素,或由此来确定页面中的每个元素的相对位置。我们知道:读网页的HTML源代码浏览器,读取整个表之前,它显示。如果表中包含多个子表必须有其他大表的读数,可显示的子窗体。一些网站的访问,等待没有结果,按“停止”按钮,但显示的页面是因为这个原因。因此,在设计页面形式,我们应该尽量避免所有的元素嵌套在一个表中,并形成一个嵌套的层次结构,尝试少。使用Dreamweaver制作网页,在每个td自动添加一个空字符。 “如果不与其他元素在细胞内的填充,NULL字符将被保留了TD的宽度或高度中指定的源代码,将其删除。
网站的适应能力是非常重要的,在不同的系统,不同分辨率,不同的浏览器,我们会看到不同的结果,所以整体考虑来设计的。一般来说,我们创建网页,在800 * 600 800 * 600的分辨率,在其他情况下,只要基本上是相同的,而不是更大的问题,最好的还。
说了这么多,只是想帮人做网页设计,我希望,当他们正在做的一个页面,从整体看,不愧为“设计”这个词。
8、现在网站标题或是标志最流行的字体是什么?
你说复的是网站LOGO吧!
根据制企业标志、企业文化来定,没有固定的字体和标准。适合的、美观大方的就是需要的。
网站页面多采用宋体、黑体,现在也越来越多的使用微软雅黑。
可以看看百度、搜狐、网易、淘宝、腾讯每个都用的是不同字体
9、怎么把网页标题设计成自己喜欢的艺术字格式呢?
如果是网站主休内容部分的标题,可以使用图片来制作.如果你所说的标题是测览器标题栏上的标题,那是没办法用特殊字体的.
10、网站设计中的字体设计的技巧有哪些?
一、选择哪一种字体。一般来说,页面的字体选择宋体比较多,并且宋体也很常见。尽量不要使用一些生僻词、罕见字。很多的用户终端并没有那么多的字体,当用户在浏览网站时可能会显示乱码,从而影响用户体验,但是要注意一个问题,操作系统不一样,字体也不一样。因此,在字体设计的时候,选择常见的这样效果也会比较好。
倾巢网络
二、设计字体的颜色。一般来说,文章的背景是白色的,使用黑色的字体。因此,设计页面的时候,一般都使用黑色或者是浅灰色作为字体的颜色,比较方便浏览,用户也可以接受。如果不是创意类网站,不建议使用鲜亮的颜色。
三、字体大小的设计。页面设计过程中,字体的大小设计也是影响用户体验的一个重要要素。太大或者太小都会影响网站的用户体验,页面设计的时候可以结合位置设置字体的大小。文章的标题字体较大,正文的字体就应该比较小。
四、特殊字体的使用。页面设计的时候,有些网站想要使用一些比较特殊的字体来突出网站风格,这里建议将特殊字体设计成图片添加在页面中,这样就可以保证用户在浏览的网站的时候看到不一样的效果,而不会因为字体的特殊性影响网站的整体效果