如何為同一字體添加多個字體文件？我正在查看@ font-face CSS規則的MDC頁面，但我沒有得到一件事。我有單獨的文件粗體，斜體和粗體+斜體。如何將所有三個文件嵌入一個@font-face規則中？例如，如果我有：@font-face {
font-family: "DejaVu Sans";
src: url("./fonts/DejaVuSans.ttf") format("ttf");}strong {
font-family: "DejaVu Sans";
font-weight: bold;}瀏覽器將不知道哪個字體用于粗體（因為該文件是DejaVuSansBold.ttf），因此它將默認為我可能不想要的東西。如何告訴瀏覽器我對某種字體的所有不同變體？
3 回答
倚天杖
TA貢獻1828條經驗 獲得超3個贊
從CSS3開始，規范發生了變化，只允許一個font-style。以逗號分隔的列表（根據CSS2）將被視為它normal并覆蓋任何早期（默認）條目。這將使以這種方式定義的字體永久顯示為斜體。
@font-face {
font-family: "DejaVu Sans";
src: url("fonts/DejaVuSans.ttf");}@font-face {
font-family: "DejaVu Sans";
src: url("fonts/DejaVuSans-Bold.ttf");
font-weight: bold;}@font-face {
font-family: "DejaVu Sans";
src: url("fonts/DejaVuSans-Oblique.ttf");
font-style: italic;}@font-face {
font-family: "DejaVu Sans";
src: url("fonts/DejaVuSans-BoldOblique.ttf");
font-weight: bold;
font-style: italic;}@font-face {
font-family: "DejaVu Sans";
src: url("fonts/DejaVuSans-Oblique.ttf");
font-style: oblique;}@font-face {
font-family: "DejaVu Sans";
src: url("fonts/DejaVuSans-BoldOblique.ttf");
font-weight: bold;
font-style: oblique;}在大多數情況下，斜體可能是足夠的，如果你注意定義你將使用哪個并堅持下去，那么就不需要傾斜規則。
- 3 回答
- 0 關注
- 770 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消