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

网页设计font

发布时间:2020-09-06 08:29:58

1、网页设计自定义字体在css 用@font

想问什么

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

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

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

4、网页设计中css样式中的font属性与font

字体设置使用 CSS font 属性


定义和用法

font 简写属性在一个声明中设置所有字体属性。

注释:此属性也有第六个值:"line-height",可设置行间距。


说明

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

可以按顺序设置如下属性:

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不设置其中的某个值,比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。


可能的值


拓展:

设置字体可以使用CSS font全部设置。也可以使用font-size、font-family之类的属性进行单独设置。

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

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的,不过比较少了。



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

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之后默认也有安装。

7、网页设计 中文一般用的字体大小,一般怎么设置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、最后运行,如下图所示,就完成了。

8、请问在网页设计CSS 里面font-family,font-face,这两个有什么不同?

第一个是指定字体:
.youclass{font-family:文鼎POP;}
此处 font-family 指定字体为 文鼎POP ,但电脑上没装 文鼎POP 字体的人看网页,将看不到这个字体效果,任看到电脑上默认的 宋体 或 微软雅黑体,因此针对中文操作系统来说:为保证网页效果,通常只能指定:宋体、黑体、微软雅黑之类的系统上默认自带的字体。

第二个 font-face 的用法是载入一个字体:
@font-face { font-family:comic;src:url(http://url/文鼎POP.eot); }
将 文鼎POP 的 .eot 格式文件传到服务器上,然后用 font-face 加载到网页中,别人电脑没装这个字体,但用 font-face 加载后同样能在网页上显示出文鼎POP的效果。

font-face 这个方法对中文网页并无多大作用,可以不用关心这个用法,一是多数中文字体并没有专门设计eot格式,二是中文字体动则10M甚至更大,在网页中载入,等待时间太长,只会引起浏览者不爽。英文就不一样了,26个字母大小写也才52个+数字符号之类的在里面,文件也才几十K,动态载入完全没问题。

9、网页设计中,font如何精确字体大小?

一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起来会显得比较小,阅读起来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug,所以现在用得也不太多,不过随着IE6慢慢被淘汰,这个问题也不再是一个问题了。而对于标题栏的文字大小,没有特别的限制,视觉上感觉舒服就行。字体大小代码:font-size:14px(字体大小14像素)。

与网页设计font相关的知识