Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Help]阿里妈妈方圆体下载了子集之后调整粗细和圆角不生效 #2695

Open
Meinima opened this issue Oct 23, 2024 · 5 comments

Comments

@Meinima
Copy link

Meinima commented Oct 23, 2024

问题描述

用的官网下载的子集引用之后显示不了也调整不了,浏览器报了个警告,用完整的字体文件是好的但是文件太大

相关截图

image

image

image

@yisibl
Copy link
Member

yisibl commented Oct 24, 2024

我这边测试可以的啊,可以复制粘贴并在浏览器中打开下面示例:

data:text/html;charset=UTF-8,<!DOCTYPE html>
    <style>
        @font-face {
            font-family: "MyWebFont";
            src: url("https://at.alicdn.com/wf/webfont/q0HLEzgUtYWC/mRl02uFOyROy.woff2") format("woff2"),
            url("https://at.alicdn.com/wf/webfont/q0HLEzgUtYWC/ndPQPoU75Sdc.woff") format("woff");
            font-display: swap;
        }

        .test  {
            font-family: 'MyWebFont';
            font-size: 60px;
            color: green;
            --wght: 400;
            --BEVL: 100;
            font-variation-settings: 'wght' var(--wght), 'BEVL' var(--BEVL);
            transition: font-variation-settings 1s;
        }

        .test:hover {
            --wght: 900;
        }
    </style>
    <div class="test">今日待办我发起的已处理的</div>

@Meinima
Copy link
Author

Meinima commented Oct 24, 2024

image
不显示这个字体,会是浏览器版本的问题吗?我的版本是130.0.6723.70

@yisibl
Copy link
Member

yisibl commented Oct 24, 2024

data:text/html;charset=UTF-8 这段不应该显示到页面上,看看复制的时候是不是多了空格之类的。

@Meinima
Copy link
Author

Meinima commented Oct 24, 2024

image
去掉了也不行

@yisibl
Copy link
Member

yisibl commented Oct 24, 2024

Chrome 有报什么错吗?另外换 Firefox 试一下?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants