我肯定我错过了一些非常直截了当的东西.一直使用普通字体的单一自定义字体:

@font-face {
    font-family: CustomFont;
    src: url('CustomFont.ttf');
}

当我使用它时,一切正常,但是如果我想添加另一个自定义字体,我该怎么做呢?我试过用逗号分隔下一个字体,或者添加一个完整的其他字体,但第二种字体无法正常工作.

推荐答案

您只需再添加@font-face条规则即可:

@font-face {
    font-family: CustomFont;
    src: url('CustomFont.ttf');
}

@font-face {
    font-family: CustomFont2;
    src: url('CustomFont2.ttf');
}

如果第二种字体仍然无法使用,请确保拼写正确,字体名称和文件名正确,浏览器缓存正常,操作系统没有与同名字体混淆,等等.

Css相关问答推荐

当sibling 姐妹使用v-show有条件地渲染时,为元素的宽度变化动画化

如何在没有额外间隔的情况下使用Angularmaterial 图标?

Angular中嵌套数组的网格

将照片向下对齐至div并保持响应性

在carousel组件上应用css转换时出现问题

更改MAT-FORM-FIELD的CSS,使其在有Angular 的HTML中显示为普通文本框

如何在不重叠侧边栏的情况下尽可能使元素居中?

正确的`最小/最大宽度`+`非(设备类型)`css媒体查询的语法

如何在点击时停止动画并将其返回到第一帧?

在最小和最大视口之间时具有固定值的 CSS 钳位

:not() 适用于特定类中的所有 html 标签

应用填充时边框无法正常工作

同一元素的文本和背景之间的图层

flexbox 布局中的 Padding-bottom/top

在响应式设计中指定 HTML 文本中的首选换行点

找到第一个可滚动的父级

如何将 textarea 宽度扩展到父级宽度的 100%(或如何将任何 HTML 元素扩展到父级宽度的 100%)?

单击时 HTML 输入字段未获得焦点

以原始大小的 50% 显示图像

如何在 React 应用程序中使用 CSS 模块应用全局样式?