reformat font face declarations

load woff2 fonts if they are present
This commit is contained in:
Ren Tatsumoto 2023-03-07 05:20:01 +03:00
parent afd6ed7a8f
commit 6c7d8234fc
2 changed files with 115 additions and 12 deletions

View file

@ -2,18 +2,40 @@
@font-face {
font-family: "KanjiStrokeOrders";
src: local("KanjiStrokeOrders"), url("_kso.ttf");
src:
local("KanjiStrokeOrders"),
url("_kso.woff2") format("woff2"),
url("_kso.ttf");
}
@font-face {
font-family: "Local Mincho";
src: local("Yu Mincho"), local("游明朝"), local("Noto Serif CJK JP"), local("IPAexMincho"), local("IPAex明朝"), local("IPAMincho"), local("IPA明朝"), local("IPAPMincho"), local("IPA P明朝"), local("TakaoExMincho"), local("TakaoEx明朝"), url("_yumin.ttf");
src:
local("Yu Mincho"),
local("游明朝"),
local("Noto Serif CJK JP"),
local("IPAexMincho"),
local("IPAex明朝"),
local("IPAMincho"),
local("IPA明朝"),
local("IPAPMincho"),
local("IPA P明朝"),
local("TakaoExMincho"),
local("TakaoEx明朝"),
url("_yumin.woff2") format("woff2"),
url("_yumin.ttf");
font-weight: normal;
}
@font-face {
font-family: "Local Mincho";
src: local("Noto Serif CJK JP SemiBold"), local("Noto Serif CJK JP DemiLight"), local("Yu Mincho Demibold"), local("游明朝 Demibold"), url("_yumindb.ttf");
src:
local("Noto Serif CJK JP SemiBold"),
local("Noto Serif CJK JP DemiLight"),
local("Yu Mincho Demibold"),
local("游明朝 Demibold"),
url("_yumindb.woff2") format("woff2"),
url("_yumindb.ttf");
font-weight: 600;
}
@ -33,7 +55,17 @@ strong {
.card {
background-color: #fffaf0;
color: #2a1b0a;
font-family: "Noto Serif", "Noto Serif CJK JP", "IPAexMincho", "Yu Mincho", "Local Mincho", "Liberation Serif", "Times New Roman", Times, Georgia, Serif;
font-family:
"Noto Serif",
"Noto Serif CJK JP",
"IPAexMincho",
"Yu Mincho",
"Local Mincho",
"Liberation Serif",
"Times New Roman",
Times,
Georgia,
Serif;
font-size: 24px;
text-align: left;
line-height: 1.4;
@ -179,7 +211,24 @@ div.ensentence>a.hint:hover {
/* Tags */
.tags {
font-family: "Noto Sans", "Noto Sans CJK JP", "Liberation Sans", Arial, Sans, sans-serif;
font-family:
"Noto Sans",
"Droid Sans",
"DejaVu Sans",
"Liberation Sans",
Roboto,
Cantarell,
"Segoe UI",
Arial,
Meiryo,
Oxygen,
Ubuntu,
"Helvetica Neue",
Helvetica,
"Noto Color Emoji",
"Noto Sans CJK JP",
Sans,
sans-serif;
text-align: center;
display: inline-block;
text-transform: lowercase;

View file

@ -2,24 +2,49 @@
@font-face {
font-family: "KanjiStrokeOrders";
src: local("KanjiStrokeOrders"), url("_kso.ttf");
src:
local("KanjiStrokeOrders"),
url("_kso.woff2") format("woff2"),
url("_kso.ttf");
}
@font-face {
font-family: "Local Mincho";
src: local("Yu Mincho"), local("游明朝"), local("IPAexMincho"), local("IPAex明朝"), local("IPAMincho"), local("IPA明朝"), local("IPAPMincho"), local("IPA P明朝"), local("TakaoExMincho"), local("TakaoEx明朝"), url("_yumin.ttf");
src:
local("Yu Mincho"),
local("游明朝"),
local("IPAexMincho"),
local("IPAex明朝"),
local("IPAMincho"),
local("IPA明朝"),
local("IPAPMincho"),
local("IPA P明朝"),
local("TakaoExMincho"),
local("TakaoEx明朝"),
url("_yumin.woff2") format("woff2"),
url("_yumin.ttf");
font-weight: normal;
}
@font-face {
font-family: "Local Mincho";
src: local("Noto Serif CJK JP SemiBold"), local("Noto Serif CJK JP DemiLight"), local("Yu Mincho Demibold"), local("游明朝 Demibold"), url("_yumindb.ttf");
src:
local("Noto Serif CJK JP SemiBold"),
local("Noto Serif CJK JP DemiLight"),
local("Yu Mincho Demibold"),
local("游明朝 Demibold"),
url("_yumindb.woff2") format("woff2"),
url("_yumindb.ttf");
font-weight: 600;
}
@font-face {
font-family: "acgyosyo";
src: local("acgyosyo"), local("英椎行書"), url("_acgyosyo.ttf");
src:
local("acgyosyo"),
local("英椎行書"),
url("_acgyosyo.woff2") format("woff2"),
url("_acgyosyo.ttf");
}
*,
@ -46,7 +71,17 @@ strong {
.card,
ruby rt {
font-family: "Noto Serif", "Noto Serif CJK JP", "IPAexMincho", "Yu Mincho", "Local Mincho", "Liberation Serif", "Times New Roman", Times, Georgia, Serif;
font-family:
"Noto Serif",
"Noto Serif CJK JP",
"IPAexMincho",
"Yu Mincho",
"Local Mincho",
"Liberation Serif",
"Times New Roman",
Times,
Georgia,
Serif;
}
@media screen and (min-width: 820px) {
@ -97,7 +132,18 @@ header .tags {
/* question */
#question {
font-family: "acgyosyo", "Noto Serif", "Noto Serif CJK JP", "IPAexMincho", "Yu Mincho", "Local Mincho", "Liberation Serif", "Times New Roman", Times, Georgia, Serif;
font-family:
"acgyosyo",
"Noto Serif",
"Noto Serif CJK JP",
"IPAexMincho",
"Yu Mincho",
"Local Mincho",
"Liberation Serif",
"Times New Roman",
Times,
Georgia,
Serif;
}
.japanese {
text-align: center;
@ -179,7 +225,15 @@ footer > a:last-child:after {
}
.tags {
font-family: "Noto Sans", "Noto Sans CJK JP", "Liberation Sans", Arial, Sans, IPAGothic, Yu Gothic, sans-serif;
font-family:
"Noto Sans",
"Noto Sans CJK JP",
"Liberation Sans",
Arial,
Sans,
IPAGothic,
Yu Gothic,
sans-serif;
text-align: center;
display: inline-block;
text-transform: lowercase;