iOS 手机上的 CSS 字体问题答案

【问题标题】：CSS Font issue on iOS PhoneiOS 手机上的 CSS 字体问题
【发布时间】：2022-01-20 06:48:50
【问题描述】：

iOS 设备上的字体存在问题，有以下区别：

文本似乎是斜体，但我从未设置它。这是我的字体：

@font-face {
    font-family: "Acumin Variable Concept";
    src: url("font/Acumin/Acumin-Variable-Concept.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: "Acumin Variable Concept";
    src: url("font/Acumin/Acumin-Variable-Concept.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Acumin Variable Concept";
    src: url("font/Acumin/Acumin-Variable-Concept.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Acumin Variable Concept";
    src: url("font/Acumin/Acumin-Variable-Concept.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

/* Typography */

p{
    font-family:'Acumin Variable Concept';
    font-size: 1.5rem;
    text-align: justify;
    line-height: 2rem;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 2rem;
}

b{
    font-weight: 600;
    color: var(--brand);
}

会是什么？

提前致谢，西蒙娜

【问题讨论】：

标签： html css ios

【解决方案1】：

你可以尝试在你的字体后面设置一个“！important”之类的

font-family: "Acumin Variable Concept" !important;

问候

乔纳斯

【讨论】：