自定义字体
@font-face {
font-family:'xiyangyang' ; /* 你给字体起的名字 */
src: url(./字体/MeowScript-Regular.ttf); /* 引入字体的路径 */
}
p{color: #f00;
|
font-size: 50px;
font-family:'xiyangyang';
}
@font-face {
font-family:'meiyangyang' ;
src: url(./字体/ZCOOLKuaiLe-Regular.ttf);
}
span{
color: green;
font-size: 50px;
font-family: 'meiyangyang';
}
span{
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
<span>化语仍谭,韩是是非。</span>
<p style="font-size: 20px; font-family: serif">衬线字体:我是一段文字,ABCDEFGabcdefg</p>
<p style="font-size: 20px; font-family: sans-serif">非衬线字体:我是一段文字,ABCDEFGabcdefg</p>
<p style="font-size: 20px; font-family: monospace">等宽字体:我是一段文字,IHABCDEFGabcdefg</p>
<p style="font-size: 20px; font-family: cursive">草书字体:我是一段文字,ABCDEFGabcdefg</p>
<p style="font-size: 20px; font-family: fantasy">虚幻字体:我是一段文字,ABCDEFGabcdefg</p>
一般会将字体的大分类,指定为font-family中的最后一个字体 ,用来兜底
例如span和第二行p的字体
font-size:
font-family:
font-style:
font-weight
font-variant 不重要,几乎不用
font简写模式
大小,跟字体必须要写,而且大小必须在倒数第二位,字体必须在倒数第一位
font: italic bold 40px serif;