❶ 前端设计中，哪些中文字体兼容性好又好看
一般情况下中文字体：微软雅黑或者宋体
这个都算比较正统标准的，要说到好看中文字体真没啥好看的，一般花俏好看的字体都是英文偏多，中文还是比较中规中矩的。
❷ 移动端web页面设计用什么字体
最好就是宋体，不要问我为什么。因为这是默认字体
❸ Html网页英文要用什么字体
Html网页英文要用的字体有很多。如下参考：
1、网页字体样式华文黑体：STHeiti
2、网页字体样式华文楷体：STKaiti
3、网页字体样式华文宋体：STSong
4、网页字体样式华文仿宋：STFangsong
5、网页字体样式黑体：SimHei
6、网页字体样式宋体：SimSun
7、网页字体样式新宋体：NSimSun
8、网页字体样式仿宋：FangSong
9、网页字体样式楷体：KaiTi
10、网页字体样式仿宋_GB2312：FangSong_GB2312
11、网页字体样式楷体_GB2312：KaiTi_GB2312
12、网页字体样式微软正黑体：Microsoft JhengHei
13、网页字体样式微软雅黑体：Microsoft YaHei
14、网页字体样式隶书：LiSu
15、网页字体样式幼圆：YouYuan
16、网页字体样式华文细黑：STXihei
17、网页字体样式华文楷体：STKaiti
18、网页字体样式华文宋体：STSong
19、网页字体样式华文中宋：STZhongsong
20、网页字体样式华文仿宋：STFangsong
21、网页字体样式方正舒体：FZShuTi
22、网页字体样式方正姚体：FZYaoti
23、网页字体样式华文彩云：STCaiyun
24、网页字体样式华文琥珀：STHupo
25、网页字体样式华文隶书：STLiti
26、网页字体样式华文行楷：STXingkai
27、网页字体样式华文新魏：STXinwei
(3)设计web端的字体什么好看扩展阅读：
HTML内容描述
< pre > < / pre >预格式化文本(英文名称:pre)
下划线
大胆的
< I > Italics
typewritter-style字体
引用>引用，通常用斜体
强调文本(通常是斜体和粗体，英语全:强调)
较重的文本(通常是斜体和粗体)
将字体大小设置为1到7，并使用名称的十六进制值或RGB作为颜色
BASEFONT标记
字体大小
字体大小
加删除线
< CODE > < / CODE > CODE
键盘(英文全称:KeyBoarD)
样本
变量(全名:VARiable)
右缩进(右缩进，块引用)
定义
地址标签
上标
下标
< XMP >…< / XMP >;固定宽度字体(文件空白，换行，定位功能有效)
<明文>…< /明文>;固定宽度字体(无标记)
<清单>…定宽小字体
< font color = 00 ff00 >…< /字体>。的字体颜色
< font size = 1 >…< /字体>。字体大小等于1(最小)。
< font style = "font, size: 100 px '>…"< /字体>。字体样式等于无限增加(100像素)
❹ UI设计常用字体有哪
1.平平稳稳:微软雅黑/方正中黑
微软雅黑系列：在网页设计中这款字体使用的非常平凡，这款只无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。
方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。但这种字体不适用于正文中，因为边缘相对比较的复杂，文字一多会影响用户的阅读。
❺ 网页设计 ，什么英文字体好看
所用的字体就是国外网站设计师经常用的一些英文网站字体。
国内做的英文网站是大多数给老外看的，进入网站的第一眼就是字体，符合经常看的英文网站字体，就有兴趣看下去，比如中文经常用到的 宋体，楷体。
而外国人习惯看到的字体则是Tahoma、Arial、Verdana，有时候也用Times New Roman。
一般来说，国外安装的PC系统中常有的英文网站字体有Arial, Times New Roman, Verdana，字体大小用11px字号就很好看了。
所以不能用国内的字体来当作英文网站使用，这样的话，做的英文网站就是失败的。 看上去就很业余。当然并不是用了 Tahoma、Arial、Verdana。这些常用的字体就算用的很专业了。
❻ web app上一般用什么字体
一般是微软雅黑，不过也有其他字体，比如宋体，正楷等，这个需要结合实际。
❼ 网页上常见的字体是什么字体
字体在网站中扮演了相对重要的一个角色，所以在网站中，选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的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种网站中常用的字体介绍和示例，希望可以对大家有所帮助。
❽ 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;}