Skip to content

Commit 97f7b2a

Browse files
rsmsrsms
committed
website: add @font-feature-values to CSS
1 parent 66647c0 commit 97f7b2a

File tree

2 files changed

+182
-0
lines changed

2 files changed

+182
-0
lines changed

Diff for: ‎docs/inter.css

+91
Original file line numberDiff line numberDiff line change
@@ -69,3 +69,94 @@ Usage example:
6969
@font-face { font-family:InterDisplay; font-style:italic; font-weight:800; font-display:swap; src:url("font-files/InterDisplay-ExtraBoldItalic.woff2?v={{font_v}}") format("woff2"); }
7070
@font-face { font-family:InterDisplay; font-style:normal; font-weight:900; font-display:swap; src:url("font-files/InterDisplay-Black.woff2?v={{font_v}}") format("woff2"); }
7171
@font-face { font-family:InterDisplay; font-style:italic; font-weight:900; font-display:swap; src:url("font-files/InterDisplay-BlackItalic.woff2?v={{font_v}}") format("woff2"); }
72+
73+
@font-feature-values InterVariable {
74+
@character-variant {
75+
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
76+
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
77+
alt-1: 1; /* Alternate one */
78+
alt-3: 9; /* Flat-top three */
79+
open-4: 2; /* Open four */
80+
open-6: 3; /* Open six */
81+
open-9: 4; /* Open nine */
82+
lc-l-with-tail: 5; /* Lower-case L with tail */
83+
simplified-u: 6; /* Simplified u */
84+
alt-double-s: 7; /* Alternate German double s */
85+
uc-i-with-serif: 8; /* Upper-case i with serif */
86+
uc-g-with-spur: 10; /* Capital G with spur */
87+
single-story-a: 11; /* Single-story a */
88+
compact-lc-f: 12; /* Compact f */
89+
compact-lc-t: 13; /* Compact t */
90+
}
91+
@styleset {
92+
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
93+
open-digits: 1; /* Open digits */
94+
disambiguation: 2; /* Disambiguation (with zero) */
95+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
96+
round-quotes-and-commas: 3; /* Round quotes & commas */
97+
square-punctuation: 7; /* Square punctuation */
98+
square-quotes: 8; /* Square quotes */
99+
circled-characters: 5; /* Circled characters */
100+
squared-characters: 6; /* Squared characters */
101+
}
102+
}
103+
@font-feature-values Inter {
104+
@character-variant {
105+
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
106+
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
107+
alt-1: 1; /* Alternate one */
108+
alt-3: 9; /* Flat-top three */
109+
open-4: 2; /* Open four */
110+
open-6: 3; /* Open six */
111+
open-9: 4; /* Open nine */
112+
lc-l-with-tail: 5; /* Lower-case L with tail */
113+
simplified-u: 6; /* Simplified u */
114+
alt-double-s: 7; /* Alternate German double s */
115+
uc-i-with-serif: 8; /* Upper-case i with serif */
116+
uc-g-with-spur: 10; /* Capital G with spur */
117+
single-story-a: 11; /* Single-story a */
118+
compact-lc-f: 12; /* Compact f */
119+
compact-lc-t: 13; /* Compact t */
120+
}
121+
@styleset {
122+
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
123+
open-digits: 1; /* Open digits */
124+
disambiguation: 2; /* Disambiguation (with zero) */
125+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
126+
round-quotes-and-commas: 3; /* Round quotes & commas */
127+
square-punctuation: 7; /* Square punctuation */
128+
square-quotes: 8; /* Square quotes */
129+
circled-characters: 5; /* Circled characters */
130+
squared-characters: 6; /* Squared characters */
131+
}
132+
}
133+
@font-feature-values InterDisplay {
134+
@character-variant {
135+
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
136+
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
137+
alt-1: 1; /* Alternate one */
138+
alt-3: 9; /* Flat-top three */
139+
open-4: 2; /* Open four */
140+
open-6: 3; /* Open six */
141+
open-9: 4; /* Open nine */
142+
lc-l-with-tail: 5; /* Lower-case L with tail */
143+
simplified-u: 6; /* Simplified u */
144+
alt-double-s: 7; /* Alternate German double s */
145+
uc-i-with-serif: 8; /* Upper-case i with serif */
146+
uc-g-with-spur: 10; /* Capital G with spur */
147+
single-story-a: 11; /* Single-story a */
148+
compact-lc-f: 12; /* Compact f */
149+
compact-lc-t: 13; /* Compact t */
150+
}
151+
@styleset {
152+
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
153+
open-digits: 1; /* Open digits */
154+
disambiguation: 2; /* Disambiguation (with zero) */
155+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
156+
round-quotes-and-commas: 3; /* Round quotes & commas */
157+
square-punctuation: 7; /* Square punctuation */
158+
square-quotes: 8; /* Square quotes */
159+
circled-characters: 5; /* Circled characters */
160+
squared-characters: 6; /* Squared characters */
161+
}
162+
}

Diff for: ‎misc/dist/inter.css

+91
Original file line numberDiff line numberDiff line change
@@ -55,3 +55,94 @@
5555
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
5656
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); }
5757
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); }
58+
59+
@font-feature-values InterVariable {
60+
@character-variant {
61+
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
62+
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
63+
alt-1: 1; /* Alternate one */
64+
alt-3: 9; /* Flat-top three */
65+
open-4: 2; /* Open four */
66+
open-6: 3; /* Open six */
67+
open-9: 4; /* Open nine */
68+
lc-l-with-tail: 5; /* Lower-case L with tail */
69+
simplified-u: 6; /* Simplified u */
70+
alt-double-s: 7; /* Alternate German double s */
71+
uc-i-with-serif: 8; /* Upper-case i with serif */
72+
uc-g-with-spur: 10; /* Capital G with spur */
73+
single-story-a: 11; /* Single-story a */
74+
compact-lc-f: 12; /* Compact f */
75+
compact-lc-t: 13; /* Compact t */
76+
}
77+
@styleset {
78+
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
79+
open-digits: 1; /* Open digits */
80+
disambiguation: 2; /* Disambiguation (with zero) */
81+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
82+
round-quotes-and-commas: 3; /* Round quotes & commas */
83+
square-punctuation: 7; /* Square punctuation */
84+
square-quotes: 8; /* Square quotes */
85+
circled-characters: 5; /* Circled characters */
86+
squared-characters: 6; /* Squared characters */
87+
}
88+
}
89+
@font-feature-values Inter {
90+
@character-variant {
91+
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
92+
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
93+
alt-1: 1; /* Alternate one */
94+
alt-3: 9; /* Flat-top three */
95+
open-4: 2; /* Open four */
96+
open-6: 3; /* Open six */
97+
open-9: 4; /* Open nine */
98+
lc-l-with-tail: 5; /* Lower-case L with tail */
99+
simplified-u: 6; /* Simplified u */
100+
alt-double-s: 7; /* Alternate German double s */
101+
uc-i-with-serif: 8; /* Upper-case i with serif */
102+
uc-g-with-spur: 10; /* Capital G with spur */
103+
single-story-a: 11; /* Single-story a */
104+
compact-lc-f: 12; /* Compact f */
105+
compact-lc-t: 13; /* Compact t */
106+
}
107+
@styleset {
108+
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
109+
open-digits: 1; /* Open digits */
110+
disambiguation: 2; /* Disambiguation (with zero) */
111+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
112+
round-quotes-and-commas: 3; /* Round quotes & commas */
113+
square-punctuation: 7; /* Square punctuation */
114+
square-quotes: 8; /* Square quotes */
115+
circled-characters: 5; /* Circled characters */
116+
squared-characters: 6; /* Squared characters */
117+
}
118+
}
119+
@font-feature-values InterDisplay {
120+
@character-variant {
121+
cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
122+
cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
123+
alt-1: 1; /* Alternate one */
124+
alt-3: 9; /* Flat-top three */
125+
open-4: 2; /* Open four */
126+
open-6: 3; /* Open six */
127+
open-9: 4; /* Open nine */
128+
lc-l-with-tail: 5; /* Lower-case L with tail */
129+
simplified-u: 6; /* Simplified u */
130+
alt-double-s: 7; /* Alternate German double s */
131+
uc-i-with-serif: 8; /* Upper-case i with serif */
132+
uc-g-with-spur: 10; /* Capital G with spur */
133+
single-story-a: 11; /* Single-story a */
134+
compact-lc-f: 12; /* Compact f */
135+
compact-lc-t: 13; /* Compact t */
136+
}
137+
@styleset {
138+
ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
139+
open-digits: 1; /* Open digits */
140+
disambiguation: 2; /* Disambiguation (with zero) */
141+
disambiguation-except-zero: 4; /* Disambiguation (no zero) */
142+
round-quotes-and-commas: 3; /* Round quotes & commas */
143+
square-punctuation: 7; /* Square punctuation */
144+
square-quotes: 8; /* Square quotes */
145+
circled-characters: 5; /* Circled characters */
146+
squared-characters: 6; /* Squared characters */
147+
}
148+
}

0 commit comments

Comments
 (0)