Zilla Slab
https://upload.wikimedia.org/wikipedia/commons/3/30/Zilla_Slab_font.svg https://commons.wikimedia.org/wiki/File:Zilla_Slab_font.svg#mw-jump-to-license
https://upload.wikimedia.org/wikipedia/commons/b/ba/Zilla_Slab_spec.svg https://commons.wikimedia.org/wiki/File:Zilla_Slab_spec.svg#mw-jump-to-license
Mozilla のブランディングフォント（2017-– 2024）
fonts.icon
スラブ体に属す。
https://github.com/mozilla/zilla-slab
https://blog.mozilla.org/opendesign/zilla-slab-common-language-shared-font/
https://blog.mozilla.org/en/mozilla/mozilla-brand-next-era-of-tech/
https://beautifulwebtype.com/zilla-slab/
Zilla Slab is Mozilla’s core typeface. It’s a contemporary slab serif with true italics, small caps and good OpenType support.
ライセンス：OFL
種別: Slab
by Typotheque
ホスティング:
Google Fonts
ZillaSlab-Regular.otf
ZillaSlab-Italic.otf
Mozilla のコーポレートフォント
ロゴと見出し以外では使われていない
見出しにも本文にも適している。
本文用セリフ書体としては判読性に優れる
清潔感と良好な判読性。
本文利用なら font-weight: 425 – 450が適当か
Google Fonts のWOFF2にfont-weight: 401 – 499 を指定すると500のものが表示されてしまう
本文以下のサイズかつ Medium 以上のウェイトにおいて、多少なりともブロック体に似た印象になる
控えめなスラブと、グリフ全体の線幅の揺れの無さのためか
タイプライターを思わせる特徴は、（見出しのような）大テキスト以外ではそれほど目立たない。
code:style.css
@font-face {
font-family: 'Zilla Slab';
size-adjust: 110.5%;
src: local("Zilla Slab"),
url("https://scrapbox.io/files/698c3389fcb69bbafbab4860.otf") format('otf'),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CVHaZV3B3Taw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 300;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CVHaZV3B3Taw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 300;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CVHaZWXB3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 400 499;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url("https://scrapbox.io/files/698c33833d793904cbb1b009.otf") format('otf'),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa4ZfeM_74wlPZtksIFaj8K8VSMZlE.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 400 499;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url("https://scrapbox.io/files/698c33833d793904cbb1b009.otf") format('otf'),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa4ZfeM_74wlPZtksIFaj8K_1SM.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 500;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CDHeZV3B3Taw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 500;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CDHeZWXB3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 600;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CIHCZV3B3Taw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 600;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CIHCZWXB3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 700;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CRHGZV3B3Taw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: italic;
font-weight: 700;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFanZfeM_74wlPZtksIFaj8CRHGZWXB3.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 300;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYpEY6H2pW2hz.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 300;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYpEY6HOpWw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 400 499;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url("https://scrapbox.io/files/698c3389fcb69bbafbab4860.otf") format('otf'),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa6ZfeM_74wlPZtksIFajQ6_UyI.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 400 499;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url("https://scrapbox.io/files/698c3389fcb69bbafbab4860.otf") format('otf'),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa6ZfeM_74wlPZtksIFajo6_Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 500;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYskZ6H2pW2hz.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 500;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYskZ6HOpWw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 600;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYuUe6H2pW2hz.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 600;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYuUe6HOpWw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 700;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYoEf6H2pW2hz.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Zilla Slab';
font-style: normal;
font-weight: 700;
size-adjust: 110.5%;
font-display: swap;
src: local("Zilla Slab"),
url(https://fonts.gstatic.com/s/zillaslab/v11/dFa5ZfeM_74wlPZtksIFYoEf6HOpWw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#Fonts