1. 前端pc端如何在根目录设置字体大小
选中目录内容,打开电脑的文档,选中目录内容。点击字体,鼠标右击,点击字体选项。选择字号,选择上面的字号即可。
打开需要修改目录字体大小的文档,在文档里面点击引用,目录。进入到目录页面角后点击导航栏中的目录选项。切换到目录界面之后,点击下面的修改选项。然后在样式里面选中需要修改的目录,点击下面的修改选项。进入到修改样式页面之后,在格式里面选中需要的字体,并选择字号大小,然后设置字体颜色,点击确定即可。
前端字体设置大小控制来源,决定着显示在页面上字体大小,为了方便后期处理起来方便最好先设定一个字体大小。
2. 网页上常见的字体是什么字体
字体在网站中扮演了相对重要的一个角色,所以在网站中,选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的8款字体。
都知道,字体主要分为称线字和无称线字。其实细分的话还有等宽字体、梦幻字体和花体字。但今天我们主要针对常用的称线字和非称线字来讲。
称线字和非称线字的区别可以看下图:
可以看到左边的中文和英文字属于称线字,右边中文和英文属于非称线字。称线字指的是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。比如我们常用的宋体,观察比划可以看到横细竖粗的特点,这就是典型的称线字。非称线字也叫无称线字,无衬线字体没有这些额外的装饰,而且笔画的粗细差不多。比如微软雅黑。
称线字体容易识别,它强调了每个字母笔画的开始和结束,因此易读性比较高,非称线字则比较醒目。所以,在使用的过程中需要根据网站的定位而选择相应的字体。
下面简单给大家介绍网页中常用的几种字体:
1、微软雅黑
Vista之后新引入的字体,这个字体的使用率不用说了,可以说是web里面最安全的一个字体。字体方正、简洁,被广泛使用。
上海大众这个网站默认的首选字体就是微软雅黑,整体比较简洁。
2、黑体
黑体字和微软雅黑差不多,作为非称线字中的一种,一样具备方正、简洁、醒目的特点。这样的字体特别适合当标题。其实黑体在使用上没有微软雅黑来得清晰明亮,一般在微软雅黑和黑体的选择下,个人更倾向微软雅黑。
佳能的官网默认首选的字体就是黑体,字体简洁醒目。
3、华文细黑
华文细黑是Mac下的默认中文,这套字体跟前面的微软雅黑相比较,更显绢细、秀气。笔划细节比微软雅黑处理的多一些,所以整体给人比较精致的感觉。注意一下,华文细黑并不是所有电脑的自带字体,当网站文字用到这个字体的时候,是需要在自己电脑上下载这套字体的。除此,在写css代码的时候,font-family应该设置的选择性多一下,以保证界面打开的最佳效果。
这个字体就不给大家做展示效果了,因为这个不是系统的默认字体,电脑上没有安装这个字体的也看不到网页的原始效果。
4、中易宋体
前面介绍的三款字体都是非称线字,接着要介绍的是称线字体——中易宋体,简称宋体。宋体在我们的日常中使用范围也很广,这是电脑自带的其中一种字体。宋体是为适应印刷术而出现的一种汉字字体。笔划有粗细变化,常用于书籍、杂志、报纸印刷的正文排版,所以在大篇幅文章的设计时,可以采用宋体。这个字体是Windows系统下最常见的字体,小字体点阵,大字体TrueType。大标题显示时字体不是很好看,所以一般不建议用宋体来当标题。
上海汉路律师事务所的网站就是采用了宋体字,这种字体的选择一般出现在一些个性比较强的网站中,传统、专业、公正、官方、权威,宋体就表现了这种特点。
5、 Arial
说到Arial,这套字体是微软公司网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读。但是,大写的“I”和小写的“l”是无法区别的,所以一般可以考虑用Tahoma字体来替代。这套字体方正、不花巧、方便阅读和印刷清晰。使用范围也是特别的广泛。但是要知道的是,苹果系统下是没有这套字体的,苹果系统下默认的是Helvetica。
可以看下禅道项目管理软件的英文网站,幻灯片采用的字体就是Arial,可以看下这套字体在幻灯片下粗细的组合形态。
6、Tahoma
Tahoma是英文Windows操作系统的默认字体,这个字体比较均衡,是种非常圆滑的字体。这个字体和中文混排显示时,不会出现中英文不对齐的状态。这套字体解决了Arial大写“I”与小写“l”难以分辨的问题。也相当于在Arial上优化了不少。除此,细看这套字体,可以发现其实在一些笔划的处理上还是很精致的。
zui前端框架网站,英文字体的设置上也用到了这个字体,虽然不是第一优先选择,但是可以看出Tahoma这套字体的使用率也是很高的。
7、Helvetica
说到Helvetica这套字体,应该是设计师们的最爱了吧。这套字体属于 Realist风格,拥有简洁现代的线条,受到大部分设计师的追捧。这种字体给人一种简单、现代化、休闲轻松的感觉。适用于扁平化设计,也适合搭配任何设计项目,包括banner、平面设计以及网页字体等。在Mac下面被认为是最佳的网页字体,但在Windows下由于Hinting的原因显示很糟糕。
这个字体主要体现在苹果官网上,可以看下美国的官网。
8、Georgia
说到英文的称线字,肯定首选是Georgia。这套字体笔划粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还不错。此种字体风格优雅又精致,可用于电影海报、游戏、时尚类网页设计中。
林肯的官网,Georgia是官网的第二优先选择显示的字体。网站比较现代,在一些幻灯片当中结合了Georgia字体,称线字和非称线字的相结合,可以使得整个网站更生动。
在专业的网页设计里,除了Banner图、广告语等特殊情况可能会用到特殊字体,网页中使用的字体以不超过2种为准,并且最好采用标准字体,比如中文的宋体、微软雅黑,英文的Arial、Helvetica。只有使用这些系统自带的字体,才能让前端开发人员在排版时高程度地还原设计稿的文字效果。倘若使用了特殊字体,在设计font-family的时候,应该多设置几种字体的优先顺序,以确保网页显示的最佳效果。当然,我们一般情况下建议使用系统自带的字体。
以上8种网站中常用的字体介绍和示例,希望可以对大家有所帮助。
3. 我想问前端的大神这个页面的字体什么到底是什么字体
font:14px/24pxarial,"5b8b4f53",sans-serif,tahoma,"MicrosoftYaHei";
4. 设计师 前端 怎么规范字体大小
可以提前预定p span dt h1 h2等字体大小 有的区块根据自己的设计而定 一般12px或者14px
5. 在html中,用于设置字体格式的标记有哪些
语法:
font:[ [ <font-style> || <font-weight> ][ <font-size> <font-family> ]
默认值:看独立属性自身
取值:
<font-style>:
指定文本字体样式
<font-variant>:
指定文本是否为小型的大写字母
<font-weight>:
指定文本字体的粗细
<font-size>:
指定文本字体尺寸
<line-height>:
指定文本字体的行高
<font-family>:
指定文本使用某个字体或字体序列
这是一段修饰文字的代码:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>font_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), [email protected]" />
<meta name="right" content="www.doyoe.com" />
<style>
.test p{margin:15px 0;border:1px solid #000;}
.font1 p{font:18px Simsun,arial,sans-serif;}
.font2 p{font:italic 18px Simsun,arial,sans-serif;}
.font3 p{font:italic small-caps 18px Simsun,arial,sans-serif;}
.font4 p{font:italic small-caps bold 18px Simsun,arial,sans-serif;}
.font5 p{font:italic small-caps bold 18px/2 Simsun,arial,sans-serif;}
.caption p{font:caption;}
.icon p{font:icon;}
.menu p{font:menu;}
.message-box p{font:message-box;}
.small-caption p{font:small-caption;}
.status-bar p{font:status-bar;}
</style>
</head>
<body>
<ul class="test">
<li class="font1">
<strong>只指定字体大小和字体:</strong>
<p>本段文字将显示为18px宋体。</p>
</li>
<li class="font2">
<strong>只指定字体样式、大小和字体:</strong>
<p>本段文字将显示为斜体的18px宋体。</p>
</li>
<li class="font3">
<strong>只指定字体样式、小型大写字母、大小和字体:</strong>
<p>本段文字将显示为斜体的带小型大写字母的18px宋体。大小型大写字母对比:AaBbCcDdEeFfGg</p>
</li>
<li class="font4">
<strong>只指定字体样式、小型大写字母、粗细、大小和字体:</strong>
<p>本段文字将显示为斜体的带小型大写字母的加粗18px宋体。</p>
</li>
<li class="font5">
<strong>只指定字体样式、小型大写字母、粗细、大小、行高和字体:</strong>
<p>本段文字将显示为行高为2的斜体的带小型大写字母的加粗18px宋体。</p>
</li>
<li class="caption">
<strong>指定字体为caption:</strong>
<p>本段文字将以caption的字体显示。</p>
</li>
<li class="icon">
<strong>指定字体为icon:</strong>
<p>本段文字将以icon的字体显示。</p>
</li>
<li class="menu">
<strong>指定字体为menu:</strong>
<p>本段文字将以menu的字体显示。</p>
</li>
<li class="message-box">
<strong>指定字体为message-box:</strong>
<p>本段文字将以message-box的字体显示。</p>
</li>
<li class="small-caption">
<strong>指定字体为small-caption:</strong>
<p>本段文字将以small-caption的字体显示。</p>
</li>
<li class="status-bar">
<strong>指定字体为status-bar:</strong>
<p>本段文字将以status-bar的字体显示。</p>
</li>
</ul>
</body>
</html>
复制上面这段代码编辑成.html格式文件用浏览器打开即可查看文字属性信息,如果没有编辑软件那就使用记事本编辑保存文件后缀为.html打开即可
6. 前端设计中,哪些中文字体兼容性好又好看
一般情况下中文字体:微软雅黑或者宋体
这个都算比较正统标准的,要说到好看中文字体真没啥好看的,一般花俏好看的字体都是英文偏多,中文还是比较中规中矩的。
7. web前端怎么设置字体
<h1
style="
font-family:"微软雅黑";font-size:20px;color:red;
">标题的字体设置</h1>
上面用的内联样式设置了
文字内容的字体类型是:“微软雅黑”,字体大小20像素,颜色为红色。
8. 前端001css样式font字体属性
1.如果想要设置字体样式可以使用font-family
2.如果想要设置加粗可以使用font-weight
3.如果想要设置倾斜可以使用font-style
4.如果想要设置字体大小可以使用font-size
上述样式如果想要在一个选择器中使用的话,一下写4个会显得比较冗余,那么我们可以简化综合复合如下的样式
选择器 {font :font-style font-weight font-size/line-height font-family}顺序不可颠倒 其中 font-size和font-family必须保留 否则不会起作用
9. web前端字体定义有哪俩种方式
微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读。但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代。
10. APP界面设计中的字体设计原则
设计文字时应保证文字辨识度高和信息传达的准确性。相对于图片文字拥有更加清晰准确的表达能力,使得用户能更加清晰从APP中获取信息信息,界面内容也更加直观。文字设计要遵循以下原则:
用语要简洁,信息内容清楚,避免使用专业的语言,同时减少不必要的修饰词语,使得用户可以更加迅速的理解手机APP的功能,文字布局上也应做到排版布局合理,结构层次清晰。
1. 亲近感与柔和感
尖锐的物体会给人带来危险的感觉,文字也有同样的心理作用,想要文字给人带来温柔的感觉,首先应使用线条粗一些、前端浑圆的字体,最好是手写体;其次避免使用黑色或藏蓝色的文字,应选取与背景颜色亮度差异较小的暖色。
2. 未来性与先进性
应选择装饰性弱的无衬线体和黑体,或者利用图形组成具有“图形化”的文字,需要注意的是,越是抽象的字识别性越低,这种字可以用在logo上,注意小范围使用。颜色则可以考虑黑白灰这些简单的配色。
3. 纤细与美丽
女性化的文字通常给人优美、纤细的印象,需要选用线条细且有曲线的字体,流畅的手写细线体可以运用在女性产品上,更能给人带来娇媚的视觉效果。
4. 怀旧与复古
字体的设计具有流行性,所以字体的设计通常可以反映出流行的趋势。在字体设计时要选用与背景颜色差异大的色彩,比如黑色的粗字体配上明亮的背景色,视觉的冲击力在哪里运用都不会减弱。
字体设计的节奏感体现在字号对比、重量对比、色彩对比上。当字号越大时,文字就会显得越重要,字号的大小变化能让版面展现出强弱变化;最引人注意的标题,在版面中会比其他字体更粗;重要的文字可以换作其他颜色加以区分,红、黄、橙等暖色被称为前进色,它们比蓝、绿这些冷色更能起到吸引人眼球的作用。
以上就是APP界面设计中的字体设计相关分享,希望对大家的设计之路有所帮助。另外,小编想说, 不同风格的字体会给人带来不同的视觉体验,所以大家要关注这一点。