font-family.md 1.1 KB
Newer Older
D
DCloud_LXH 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
## font-family


<!-- CSSJSON.font-family.description -->

<!-- CSSJSON.font-family.syntax -->

<!-- CSSJSON.font-family.values -->

<!-- CSSJSON.font-family.defaultValue -->

<!-- CSSJSON.font-family.unixTags -->

<!-- CSSJSON.font-family.compatibility -->

W
wanganxp 已提交
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
### 字体设置

对于系统中已经存在的字体,font-family里直接写字体名称即可。\
但对于系统中不存在的字体,需要通过src属性的url方法来指定字体路径。如下:
```css
@font-face {
    font-family: UniFontFamily;
    src: url('/static/uni.ttf');
  }
```

**关于自定义字体的格式**
- app-android: 支持ttf和otf字体。不支持woff和woff2和可变字体
- web: 支持的字体取决于浏览器,详见mdn或caniuse

自定义字体的加载,除了在css的src中设置,也可以使用API [uni.loadFontface](../api/load-font-face.md)

W
x  
wanganxp 已提交
33 34

### App平台差异
W
wanganxp 已提交
35
- font-family 样式不支持继承,每层组件都需要设样式
D
DCloud_LXH 已提交
36

W
wanganxp 已提交
37
<!-- CSSJSON.font-family.reference -->
D
DCloud_LXH 已提交
38

W
wanganxp 已提交
39
[示例代码](https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/CSS/text/font-family.uvue)