前端小程序font-family有哪些？

小程序font-family有哪些

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

前端小程序font-family有哪些？

前端小程序font-family有哪些？

可设置的属性是（按顺序）： "font-style font-variant font-weight font-size/line-height font-family".

font-size和font-family的值是必需的。如果缺少了其他值，默认值将入，如果有默认值的话.

1.font-style：文字样式。

取值：normal

正常的字体， italic 斜体字， oblique 倾斜的字体。

2.font-weight：设置文本字体的粗细。取值范围为100-900.

取值：mormal：正常大小相当于400。bold :粗体，相当于700。bolder， lighter。

3.font-size：设置字体尺寸大小。

4.font-variant:设置对象中的文本是否为小型的大写字母。

取值：mormal 正常的字体。all-caps 小型的大写字母字体。设置了以后会不论原来是否为大小字母 全部改为大写。

5.font-family:设置字体名称。

6.font-stretch:设置对象中的文字是否横向拉伸变形。

取值：normal：正常文字宽度。

ultra-condensed：比正常文字宽度窄4个基数。

extra-condensed：比正常文字宽度窄3个基数。

condensed：比正常文字宽度窄2个基数。

semi-condensed：比正常文字宽度窄1个基数。

semi-expanded：比正常文字宽度宽1个基数。

expanded:比正常文字宽度宽2个基数.

extra-expanded：比正常文字宽度宽3个基数。

ultra-expanded：比正常文字宽度宽4个基数。

7.font-size-adjust：只有火狐支持。设置对象的 aspect 值，用以保持字体的 x-height。

如果

14px 的 Verdana（aspect 值是 0.58）不可用，但是某个可用的字体的 aspect 值是 0.46，

那么替代字体的尺寸将是

14 (0.58/0.46) = 17.65px。

8.@font-face:通过这个可以添加外部的字体。可以参考这篇点击打开链接

看相关的技术文档下。

懂相关的前端技术。

htmlfont标签如何设置字体粗细，font标签的字体样式总结

本篇文章主要的为大家讲解了关于HTML font标签的字体粗细的设置，还有关HTML font字体标签的样式总结，希望对你们有所帮助，现在就让我们一起来看这篇文章吧

首先我们先说说HTML font标签如何设置字体粗细：

我们现在讲的有点带css样式里面的东西，都是些基础的东西，让我们一起来看看代码实例吧

font-weight 字体粗细

font-weight:normal,bold,bolder,lighter,100-900;在css样式中加上这些，就能成功的为字体设置粗细，100至900的范围。都可以设置。

现在我们再来看看font字体标签的样式总结：

与font标签有关的css样式属性：

font-family 定义字体：

font-family:"微软雅黑"，"arial";font-size 字体大小：

font-size:18px;

font-size:150%;

font-size:xx-all,x-all,all,medium,large,x-large,xx-large;

font-size:aller,larger;font-style 字体样式：

font-style:normal,italic,oblique;font-variant 使输入不受大小写限制

font-variant: normal,all-caps;是font属性的简写：

font: bold italic 18px arial ;font 简写属性在一个声明中设置所有字体属性。

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

关于HTML font标签的说明：

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

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

关于html font标签可能的值：

好了，本篇文章到这也就结束了，有什么问题可以在下方提问

【小编】

HTML5 meter标签什么意思？meter标签的用法详解

html select标签怎么默认选中？select标签的使用介绍

CSS,font-family,好看常用的中文字体

宋体 SimSun

黑体 SimHei

微软雅黑 Microsoft YaHei

微软正黑体 Microsoft JhengHei

新宋体 NSimSun

新细明体 PMingLiU

细明体 MingLiU

标楷体 DFKai-SB

仿宋 FangSong

楷体 KaiTi

仿宋_GB2312 FangSong_GB2312

楷体_GB2312 KaiTi_GB2312

宋体：SimSuncss中中文字体（font-family）的英文名称

Mac OS的一些：

华文细黑：STHeiti Light [STXihei]

华文黑体：STHeiti

华文楷体：STKaiti

华文宋体：STSong

华文仿宋：STFangsong

俪黑 Pro：LiHei Pro Medium

俪宋 Pro：LiSong Pro Light

标楷体：BiauKai

苹果俪中黑：Apple LiGothic Medium

苹果俪细宋：Apple LiSung Light

Windows的一些：

新细明体：PMingLiU

细明体：MingLiU

标楷体：DFKai-SB

黑体：SimHei

新宋体：NSimSun

仿宋：FangSong

楷体：KaiTi

仿宋_GB2312：FangSong_GB2312

楷体_GB2312：KaiTi_GB2312

微软正黑体：Microsoft JhengHei

微软雅黑体：Microsoft YaHei

装Off会生出来的一些：

隶书：LiSu

幼圆：YouYuan

华文细黑：STXihei

华文楷体：STKaiti

华文宋体：STSong

华文中宋：STZhongsong

华文仿宋：STFangsong

方正舒体：FZShuTi

方正姚体：FZYaoti

华文彩云：STCaiyun

华文琥珀：STHupo

华文隶书：STLiti

华文行楷：STXingkai

华文新魏：STXinwei

html常用的字体样式

font-size:12px;

line-height:150%;

background:#fff

text-align:center;

color:#333;

font-family:"宋体" 我一般就这样写，不会去指定字体为其它类型，因为如果浏览者的机器没有安装你使用的特殊字体类型，如“sans-serif”，那么会导致下面的样式无法解释。不过你也可以这样写font-family:sans-serif,宋体;

属性名 ：font 含义：在一个声明中设置字体的所有样式属性举例：font:bold 12px 宋体;应用场合：常用语字体样式的缩写 属性名：font-family含义：定义字体类型举例：font-family:宋体;应用场合：定义字体样式 属性名：font-size含义：定义字体大小举例：font-size:12px;应用场合：定义字体样式 属性名：font-weiht含义：定义字体粗细举例：font-weiht:bold;应用场合：定义字体样式 属性名：line-spacing含义：定义字体间间隙举例：line-spacing:5px;应用场合：定义字体样式 基本就这些吧，详细可以去参考html帮助手册

常用的就是宋体...

其他的字体,如果浏览者机器上没有的话,是显示不出来的.

另外,ps等处理软件的字体在上的效果和在网页上的是不同的.

一般现在的电脑都支持微软雅黑的字体font-family:"Microsoft YaHei", Verdana, Geneva, sans-serif;在ie7以上，火狐，谷歌，opera，safair都是理想容易被接受的字体。ie6因为没有抗锯齿，所以使用Verdana或者宋体效果会比较理想。

常用的字体样式有宋体，楷体，仿宋等等。

font-family: Arial,Helvetica,sans-serif,SimSun;

font-size: 14px;

font-family的定义多种字体

p{font-family:微软雅黑,Arial,Times

New

Roman;}

对于“p{font-family:微软雅黑,宋体,Times

New

Roman;}”这句代码，初学者可能会觉得很疑惑。为什么要为元素同时定义多个字体呢？

其实原因是这样的：每个人的电脑装的字体都不一样，我们定义“p{font-family:微软雅黑,Arial,Times

New

Roman;}”这句的意思是，p元素优先用“微软雅黑”字体来显示，如果你的电脑没有装“微软雅黑”这个字体，那接着就用“Arial”字体来显示，如果也没有装“Arial”字体，接着就用“Times

New

Roman”字体来显示，以此类推。

否则，如果你只定义“p{font-family:微软雅黑;}”的话，如果你的电脑没有装“微软雅黑”字体，p元素就直接用浏览器默认的“宋体”字体来显示了。

默认情况下，浏览器的字体是宋体。中文字体常用的有宋体、微软雅黑，英文字体比较常用的是Times

New

Roman、Arial。