使用javascript检测可变字体支持

时间:2019-04-17 14:23:52

标签: javascript woff woff2 variable-font font-feature-settings

我知道woff2检测以及基于css的<div class="row" [formGroup]="jobForm"> <div class="form-group" [ngClass]="{'has-error': jobForm.get('jobTitle').errors && (jobForm.get('jobTitle').touched || jobForm.get('jobTitle').dirty) }"> <input type="text" class="form-control" formControlName="jobTitle" /> <span class="help-block" *ngIf="formError"> {{ formError.jobTitle }} </span> 可变字体支持检测,但是有没有一种方法可以仅在Javascript中检测可变字体支持?

1 个答案:

答案 0 :(得分:0)

现在是code I ended up am using

function variableFonts() {
    if ("CSS" in window === false || "supports" in CSS === false) {
        return false
    }

    return CSS.supports("(font-variation-settings: normal)")
}

首先检查javascript CSS和支持API-偶然地,不支持可变字体的旧浏览器也缺乏支持。然后,使用CSS.supports检查是否支持设置字体变体。