28.引入外部字体、设置文字阴影

引入外部字体

字体格式

1. ttf：专门用于标准浏览器和Android等(最常用)
2. svg：支持ios
3. eot：仅支持IE浏览器
4. woff：支持火狐和谷歌

使用步骤：

1. 将字体引入到项目中
2. 声明引用的字体族
3. 在设置css字体的时候，使用声明的字体族

声明字体族的方式

@font-face{
    font-family: '自定义的字体族名字';
    src: url('字体资源地址');
}

@font-face{
    font-family: 'bhd';
    src: url('../font/北海道.ttf');
}
.txt{
    font-size: 30px;
    font-family: 'bhd';
}

设置文字阴影

text-shadow：x轴偏移 y轴偏移 模糊度 阴影颜色;

如果需要设置多个阴影，就使用英文逗号隔开

单个阴影

text-shadow: 0 0 10px #f60;

多个阴影

text-shadow: 0 0 10px #f60,0 0 10px #ff0,0 0 10px #f6f;