Skip to content

有关webfont的行高及其他使用问题 #7

@lakejason0

Description

@lakejason0

非常感谢您制作这样一款专注于标点符号的字体!我在下载时发现有woff2打包,便尝试将其用于网站:

@font-face {
    font-family: 'Zhudou Sans';
    src: local('Zhudou Sans'), url('/images/b/ba/ZhudouSansVF.woff2') format("woff2-variations");
    font-weight: 1 999;
}

/* ... */

body {
    font-family: "Zhudou Sans", 'Roboto', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
}

但是这样除去VF的字重问题(我不太清楚可变字体如何使用),整个页面的行高都会变得异常高(经过Devtools发现使用的其实是电脑安装的煮豆黑体)。在CSS的line-height会影响绝大部分界面元素的情况下,整个页面排版会变得异常(尤其是Material icons这样行高本身就有点问题的字体,指定行高为normal后会使用煮豆黑体的行高,于是变得异常高)。我应该如何在网页环境下使用该字体呢?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions