release 3.8
This commit is contained in:
Rasmus Andersson
parent
672ead9a6c
commit
ba49662904
74 changed files with 202171 additions and 197156 deletions
|
|
@ -9,12 +9,33 @@
|
|||
- "12›:‹34, FE›—‹X"
|
||||
- "4›.‹2"
|
||||
- "›(‹SEMI›)‹PERMANENT"
|
||||
- "SFO ›->‹ STO"
|
||||
- "IIA ›—>‹ OGG"
|
||||
- "ARN ›<-->‹ OGG"
|
||||
- "SFO ›→‹ STO"
|
||||
- "IIA ›⟶‹ OGG"
|
||||
- "ARN ›⟺‹ OGG"
|
||||
- "M›@‹N m@n"
|
||||
- "Smile ›:-)‹"
|
||||
|
||||
- title: Standard ligatures
|
||||
tag: liga
|
||||
description:
|
||||
Conversion of common sequences into higher-fidelity glyphs,
|
||||
like arrows and enclosing graphemes.
|
||||
samples:
|
||||
- "3›x‹9"
|
||||
- "-> --> --->"
|
||||
- "<- <-- <---"
|
||||
- "<-> <-->"
|
||||
- "=> ==> <=="
|
||||
- "<=> <==>"
|
||||
footer:
|
||||
"In addition to standard ligatures, which are usually on by default but can be turned off,
|
||||
Inter also comes with required/default ligatures as well,
|
||||
like for instance specialized glyphs for enclosing combining characters like
|
||||
e.g. U+0041 U+20DD => A\u20DD<br>
|
||||
More examples:<br>
|
||||
1\u20DD 2\u20DD 3\u20DD A\u20DD B\u20DD
|
||||
C\u20DE #\u20DE !\u20DE ?\u20DE →\u20DE"
|
||||
|
||||
- title: Tabular numbers
|
||||
tag: tnum
|
||||
description:
|
||||
|
|
@ -30,6 +51,18 @@
|
|||
- "1.00, 9.44, −0.13› ‹"
|
||||
- "0.00, 1.13, ~7.12› ‹"
|
||||
|
||||
- title: Fractions
|
||||
tag: frac
|
||||
description:
|
||||
This feature is contextually sensitive and will convert "words" of
|
||||
numbers separated by forward slash into proper fractions.
|
||||
This feature is dynamic and allows for any fractions.
|
||||
Note that the digits used for fractions are custom-made for their
|
||||
small size, and are even made separately from the slightly larger
|
||||
Superscript and Subscript numbers.
|
||||
samples:
|
||||
- "›1/3‹ ›3/4‹ ›1/5‹ ›1337/5910‹"
|
||||
|
||||
- title: Numerators
|
||||
tag: numr
|
||||
samples:
|
||||
|
|
@ -52,18 +85,6 @@
|
|||
- "H›0123 (+)-[=]‹"
|
||||
- "X›abcdefghijklmnopqrstuvwxyz‹"
|
||||
|
||||
- title: Fractions
|
||||
tag: frac
|
||||
description:
|
||||
This feature is contextually sensitive and will convert "words" of
|
||||
numbers separated by forward slash into proper fractions.
|
||||
This feature is dynamic and allows for any fractions.
|
||||
Note that the digits used for fractions are custom-made for their
|
||||
small size, and are even made separately from the slightly larger
|
||||
Superscript and Subscript numbers.
|
||||
samples:
|
||||
- "›1/3‹ ›3/4‹ ›1/5‹ ›1337/5910‹"
|
||||
|
||||
- title: Case alternates
|
||||
tag: case
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
[
|
||||
{
|
||||
"head": {
|
||||
"checkSumAdjustment": 1488688484,
|
||||
"created": 3647746318,
|
||||
"checkSumAdjustment": 4252095328,
|
||||
"created": 3647816260,
|
||||
"flags": 27,
|
||||
"fontDirectionHint": 2,
|
||||
"fontRevision": 3.008,
|
||||
|
|
@ -12,16 +12,16 @@
|
|||
"macStyle": [],
|
||||
"macStyle_raw": 0,
|
||||
"magicNumber": 1594834165,
|
||||
"modified": 3647746338,
|
||||
"modified": 3647816286,
|
||||
"tableVersion": 1.0,
|
||||
"unitsPerEm": 2816,
|
||||
"xMax": 4650,
|
||||
"xMax": 7274,
|
||||
"xMin": -2080,
|
||||
"yMax": 3072,
|
||||
"yMin": -900
|
||||
},
|
||||
"hhea": {
|
||||
"advanceWidthMax": 4928,
|
||||
"advanceWidthMax": 7552,
|
||||
"ascent": 2728,
|
||||
"caretOffset": 0,
|
||||
"caretSlopeRise": 1,
|
||||
|
|
@ -31,18 +31,32 @@
|
|||
"metricDataFormat": 0,
|
||||
"minLeftSideBearing": -2080,
|
||||
"minRightSideBearing": -2828,
|
||||
"numberOfHMetrics": 2507,
|
||||
"numberOfHMetrics": 2523,
|
||||
"tableVersion": 65536,
|
||||
"xMaxExtent": 4650
|
||||
"xMaxExtent": 7274
|
||||
},
|
||||
"id": "Inter Regular:2019:6da0260bd",
|
||||
"id": "Inter Regular:2019:672ead9a6",
|
||||
"name": "Inter-Regular",
|
||||
"names": {
|
||||
"#256": "Alternate digits",
|
||||
"#257": "Disambiguation",
|
||||
"#258": "Lower case r curves into round neighbors",
|
||||
"#259": "Alternate one",
|
||||
"#260": "Open four",
|
||||
"#261": "Open six",
|
||||
"#262": "Open nine",
|
||||
"#263": "Lower-case L with tail",
|
||||
"#264": "Lower case R with curved tail",
|
||||
"#265": "Alternate German double s",
|
||||
"#266": "Upper case i with serif",
|
||||
"#267": "Flat top three",
|
||||
"#268": "Captital G with spur",
|
||||
"#269": "Single storey a",
|
||||
"copyright": "Copyright 2019 The Inter project authors",
|
||||
"designer": "Rasmus Andersson",
|
||||
"designerURL": "https://rsms.me/",
|
||||
"familyName": "Inter",
|
||||
"fontId": "Inter Regular:2019:6da0260bd",
|
||||
"fontId": "Inter Regular:2019:672ead9a6",
|
||||
"fullName": "Inter Regular",
|
||||
"licenseDescription": "OFL 1.1 (SIL Open Font License, Version 1.1)",
|
||||
"licenseURL": "http://scripts.sil.org/OFL",
|
||||
|
|
@ -51,7 +65,7 @@
|
|||
"subfamilyName": "Regular",
|
||||
"trademark": "Inter UI and Inter is a trademark of rsms.",
|
||||
"vendorURL": "https://rsms.me/",
|
||||
"version": "Version 3.008;git-6da0260bd"
|
||||
"version": "Version 3.008;git-672ead9a6"
|
||||
},
|
||||
"os/2": {
|
||||
"achVendID": "RSMS",
|
||||
|
|
@ -95,7 +109,7 @@
|
|||
"usWinAscent": 2728,
|
||||
"usWinDescent": 680,
|
||||
"version": 4,
|
||||
"xAvgCharWidth": 1814,
|
||||
"xAvgCharWidth": 1833,
|
||||
"yStrikeoutPosition": 922,
|
||||
"yStrikeoutSize": 192,
|
||||
"ySubscriptXOffset": 0,
|
||||
|
|
|
|||
|
|
@ -20,23 +20,23 @@ endfor
|
|||
<div class="control popup">
|
||||
<select data-binding="style">
|
||||
<option value="thin">Thin (BETA)</option>
|
||||
<option value="thin-italic">Thin Italic (BETA)</option>
|
||||
<option value="extra-light">Extra Light (BETA)</option>
|
||||
<option value="extra-light-italic">Extra Light Italic (BETA)</option>
|
||||
<option value="light">Light (BETA)</option>
|
||||
<option value="light-italic">Light Italic (BETA)</option>
|
||||
<option disabled>————————————</option>
|
||||
<option value="regular" default selected>Regular</option>
|
||||
<option value="italic">Italic</option>
|
||||
<option value="medium">Medium</option>
|
||||
<option value="medium-italic">Medium Italic</option>
|
||||
<option value="semi-bold">Semi Bold</option>
|
||||
<option value="semi-bold-italic">Semi Bold Italic</option>
|
||||
<option value="bold">Bold</option>
|
||||
<option value="bold-italic">Bold Italic</option>
|
||||
<option value="extra-bold">Extra Bold</option>
|
||||
<option value="extra-bold-italic">Extra Bold Italic</option>
|
||||
<option value="black">Black</option>
|
||||
<option disabled>————————————</option>
|
||||
<option value="thin-italic">Thin Italic (BETA)</option>
|
||||
<option value="extra-light-italic">Extra Light Italic (BETA)</option>
|
||||
<option value="light-italic">Light Italic (BETA)</option>
|
||||
<option value="italic">Italic</option>
|
||||
<option value="medium-italic">Medium Italic</option>
|
||||
<option value="semi-bold-italic">Semi Bold Italic</option>
|
||||
<option value="bold-italic">Bold Italic</option>
|
||||
<option value="extra-bold-italic">Extra Bold Italic</option>
|
||||
<option value="black-italic">Black Italic</option>
|
||||
</select>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -70,6 +70,13 @@ endfor
|
|||
<meta property="og:url" content="https://rsms.me/inter{{ page.url }}">
|
||||
</head>
|
||||
<body>
|
||||
{% if site.safe == false %}<script>
|
||||
// Allows passing "?debug" in the query string for local builds, which
|
||||
// sets "debug" on the <html> element, enabling CSS debugging.
|
||||
if (document.location.search.indexOf("debug") != -1) {
|
||||
document.documentElement.classList.add("debug")
|
||||
}
|
||||
</script>{% endif %}
|
||||
<div id="hud-notification"><div class="msg">Hello</div></div>
|
||||
<script src="{{url_root}}res/base.js?v={{ base_js_v }}"></script>
|
||||
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1266,13 +1266,23 @@ endfor
|
|||
<svg id="svg-leftArrow.case" xmlns="http://www.w3.org/2000/svg" width="206" height="350"><path d="M1174 -128 1328 -282 694 -914H2336V-1134H694L1328 -1768L1174 -1920L278 -1024Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftArrow.circled" xmlns="http://www.w3.org/2000/svg" width="385" height="350"><path d="M1956 900C3019 900 3880 39 3880 -1024C3880 -2087 3019 -2948 1956 -2948C893 -2948 32 -2087 32 -1024C32 39 893 900 1956 900ZM1956 668C1020 668 264 -90 264 -1024C264 -1960 1020 -2716 1956 -2716C2892 -2716 3648 -1960 3648 -1024C3648 -90 2892 668 1956 668ZM1824 -128 1978 -282 1344 -914H2986V-1134H1344L1978 -1768L1824 -1920L928 -1024Z" transform="translate(-3.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftArrow.squared" xmlns="http://www.w3.org/2000/svg" width="372" height="350"><path d="M444 832H3468C3692 832 3812 712 3812 488V-2536C3812 -2760 3692 -2880 3468 -2880H444C220 -2880 100 -2760 100 -2536V488C100 712 220 832 444 832ZM410 600C364 600 332 568 332 522V-2570C332 -2616 364 -2648 410 -2648H3502C3548 -2648 3580 -2616 3580 -2570V522C3580 568 3548 600 3502 600ZM1824 -128 1978 -282 1344 -914H2986V-1134H1344L1978 -1768L1824 -1920L928 -1024Z" transform="translate(-10 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftDoubleArrow" xmlns="http://www.w3.org/2000/svg" width="206" height="350"><path d="M1174 0 1328 -152 932 -548H2336V-768H712L584 -896L712.345 -1024H2336V-1244H932.938L1328 -1638L1174 -1792L278 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftDoubleArrow.case" xmlns="http://www.w3.org/2000/svg" width="206" height="350"><path d="M1174 -128 1328 -280 932 -676H2336V-896H712L584 -1024L712.345 -1152H2336V-1372H932.938L1328 -1766L1174 -1920L278 -1024Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftHookArrow" xmlns="http://www.w3.org/2000/svg" width="267" height="350"><path d="M1174 0 1327 -153 693.1481 -786H2286C2651 -786 2948 -1084 2948 -1450C2948 -1815 2651 -2112 2286 -2112H2184V-1892H2286C2529 -1892 2728 -1693 2728 -1450C2728 -1205 2530 -1006 2286 -1006H693.1481L1327 -1639L1174 -1792L278 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftLongArrow" xmlns="http://www.w3.org/2000/svg" width="315" height="350"><path d="M1174 0 1328 -154 694 -786H3424V-1006H694L1328 -1640L1174 -1792L278 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftLongArrow.case" xmlns="http://www.w3.org/2000/svg" width="315" height="350"><path d="M1174 -128 1328 -282 694 -914H3424V-1134H694L1328 -1768L1174 -1920L278 -1024Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftLongArrow2" xmlns="http://www.w3.org/2000/svg" width="693" height="350"><path d="M1174 0 1328 -154 694 -786H7200V-1006H694L1328 -1640L1174 -1792L278 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftLongArrow2.case" xmlns="http://www.w3.org/2000/svg" width="693" height="350"><path d="M1174 -128 1328 -282 694 -914H7200V-1134H694L1328 -1768L1174 -1920L278 -1024Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftLongDoubleArrow" xmlns="http://www.w3.org/2000/svg" width="315" height="350"><path d="M1174 0 1328 -152 932 -548H3424V-768H712L584 -896L712.345 -1024H3424V-1244H932.938L1328 -1638L1174 -1792L278 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftLongDoubleArrow.case" xmlns="http://www.w3.org/2000/svg" width="315" height="350"><path d="M1174 -128 1328 -280 932 -676H3424V-896H712L584 -1024L712.345 -1152H3424V-1372H932.938L1328 -1766L1174 -1920L278 -1024Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftRightArrow" xmlns="http://www.w3.org/2000/svg" width="322" height="350"><path d="M1174 0 1328 -154 694 -786H3082L2448 -154L2602 0L3498 -896L2602 -1792L2448 -1640L3082 -1006H694L1328 -1640L1174 -1792L278 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftRightArrow.case" xmlns="http://www.w3.org/2000/svg" width="322" height="350"><path d="M1174 -128 1328 -282 694 -914H3082L2448 -282L2602 -128L3498 -1024L2602 -1920L2448 -1768L3082 -1134H694L1328 -1768L1174 -1920L278 -1024Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftRightDoubleArrow" xmlns="http://www.w3.org/2000/svg" width="322" height="350"><path d="M2602 0 3498 -896 2602 -1792 2448 -1638 2843.062 -1244H932.938L1328 -1638L1174 -1792L278 -896L1174 0L1328 -152L932 -548H2844L2448 -152ZM712 -768 584 -896 712.345 -1024H3063.655L3192 -896L3064 -768Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftRightDoubleArrow.case" xmlns="http://www.w3.org/2000/svg" width="322" height="350"><path d="M2602 -128 3498 -1024 2602 -1920 2448 -1766 2843.062 -1372H932.938L1328 -1766L1174 -1920L278 -1024L1174 -128L1328 -280L932 -676H2844L2448 -280ZM712 -896 584 -1024 712.345 -1152H3063.655L3192 -1024L3064 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftRightLongArrow" xmlns="http://www.w3.org/2000/svg" width="438" height="350"><path d="M1174 0 1328 -154 694 -786H4234L3600 -154L3754 0L4650 -896L3754 -1792L3600 -1640L4234 -1006H694L1328 -1640L1174 -1792L278 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftRightLongArrow.case" xmlns="http://www.w3.org/2000/svg" width="438" height="350"><path d="M1174 -128 1328 -282 694 -914H4234L3600 -282L3754 -128L4650 -1024L3754 -1920L3600 -1768L4234 -1134H694L1328 -1768L1174 -1920L278 -1024Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftRightLongDoubleArrow" xmlns="http://www.w3.org/2000/svg" width="438" height="350"><path d="M3754 0 4650 -896 3754 -1792 3600 -1638 3995.062 -1244H932.938L1328 -1638L1174 -1792L278 -896L1174 0L1328 -152L932 -548H3996L3600 -152ZM712 -768 584 -896 712.345 -1024H4215.6548L4344 -896L4216 -768Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-leftRightLongDoubleArrow.case" xmlns="http://www.w3.org/2000/svg" width="438" height="350"><path d="M3754 -128 4650 -1024 3754 -1920 3600 -1766 3995.062 -1372H932.938L1328 -1766L1174 -1920L278 -1024L1174 -128L1328 -280L932 -676H3996L3600 -280ZM712 -896 584 -1024 712.345 -1152H4215.6548L4344 -1024L4216 -896Z" transform="translate(-27.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-less" xmlns="http://www.w3.org/2000/svg" width="129" height="350"><path d="M284 -720 1572 -64V-320L592 -792.1458V-807.8542L1572 -1280V-1536L284 -880Z" transform="translate(-28.4 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-less.case" xmlns="http://www.w3.org/2000/svg" width="129" height="350"><path d="M284 -912 1572 -256V-512L592 -984.1458V-999.8542L1572 -1472V-1728L284 -1072Z" transform="translate(-28.4 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-less.circled" xmlns="http://www.w3.org/2000/svg" width="385" height="350"><path d="M1956 900C3019 900 3880 39 3880 -1024C3880 -2087 3019 -2948 1956 -2948C893 -2948 32 -2087 32 -1024C32 39 893 900 1956 900ZM1956 668C1020 668 264 -90 264 -1024C264 -1960 1020 -2716 1956 -2716C2892 -2716 3648 -1960 3648 -1024C3648 -90 2892 668 1956 668ZM1272 -912 2560 -256V-512L1580 -984.1458V-999.8542L2560 -1472V-1728L1272 -1072Z" transform="translate(-3.2 281.6) scale(0.1)"/></svg>
|
||||
|
|
@ -1593,9 +1603,15 @@ endfor
|
|||
<svg id="svg-rightArrow.circled" xmlns="http://www.w3.org/2000/svg" width="385" height="350"><path d="M1956 900C3019 900 3880 39 3880 -1024C3880 -2087 3019 -2948 1956 -2948C893 -2948 32 -2087 32 -1024C32 39 893 900 1956 900ZM1956 668C1020 668 264 -90 264 -1024C264 -1960 1020 -2716 1956 -2716C2892 -2716 3648 -1960 3648 -1024C3648 -90 2892 668 1956 668ZM2090 -128 2986 -1024 2090 -1920 1936 -1766 2570 -1134H928V-914H2570L1936 -280Z" transform="translate(-3.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightArrow.squared" xmlns="http://www.w3.org/2000/svg" width="372" height="350"><path d="M444 832H3468C3692 832 3812 712 3812 488V-2536C3812 -2760 3692 -2880 3468 -2880H444C220 -2880 100 -2760 100 -2536V488C100 712 220 832 444 832ZM410 600C364 600 332 568 332 522V-2570C332 -2616 364 -2648 410 -2648H3502C3548 -2648 3580 -2616 3580 -2570V522C3580 568 3548 600 3502 600ZM2090 -128 2986 -1024 2090 -1920 1936 -1766 2570 -1134H928V-914H2570L1936 -280Z" transform="translate(-10 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightCornerDownArrow" xmlns="http://www.w3.org/2000/svg" width="178" height="350"><path d="M1464 32 2058 -562H1572V-2050H280V-1834H1354.2524L1355.7812 -562H870Z" transform="translate(-28 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightDoubleArrow" xmlns="http://www.w3.org/2000/svg" width="206" height="350"><path d="M1514 0 2410 -896 1514 -1792 1360 -1638 1755.062 -1244H352V-1024H1975.655L2104 -896L1976 -768H352V-548H1756L1360 -152Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightDoubleArrow.case" xmlns="http://www.w3.org/2000/svg" width="206" height="350"><path d="M1514 -128 2410 -1024 1514 -1920 1360 -1766 1755.062 -1372H352V-1152H1975.655L2104 -1024L1976 -896H352V-676H1756L1360 -280Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightHookArrow" xmlns="http://www.w3.org/2000/svg" width="267" height="350"><path d="M932 -786H2525.7036L1892 -154L2044 0L2940 -896L2044 -1792L1892 -1640L2526 -1006H932C688 -1006 490 -1205 490 -1450C490 -1693 689 -1892 932 -1892H1034V-2112H932C567 -2112 270 -1815 270 -1450C270 -1084 567 -786 932 -786Z" transform="translate(-27 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightLongArrow" xmlns="http://www.w3.org/2000/svg" width="315" height="350"><path d="M2602 0 3498 -896 2602 -1792 2448 -1640 3082 -1006H352V-786H3082L2448 -154Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightLongArrow.case" xmlns="http://www.w3.org/2000/svg" width="315" height="350"><path d="M2602 -1920 2448 -1766 3082 -1134H352V-914H3082L2448 -280L2602 -128L3498 -1024Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightLongArrow2" xmlns="http://www.w3.org/2000/svg" width="693" height="350"><path d="M6378 0 7274 -896 6378 -1792 6224 -1640 6858 -1006H352V-786H6858L6224 -154Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightLongArrow2.case" xmlns="http://www.w3.org/2000/svg" width="693" height="350"><path d="M6378 -128 7274 -1024 6378 -1920 6224 -1768 6858 -1134H352V-914H6858L6224 -282Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightLongDoubleArrow" xmlns="http://www.w3.org/2000/svg" width="315" height="350"><path d="M2602 0 3498 -896 2602 -1792 2448 -1638 2843.062 -1244H352V-1024H3063.655L3192 -896L3064 -768H352V-548H2844L2448 -152Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-rightLongDoubleArrow.case" xmlns="http://www.w3.org/2000/svg" width="315" height="350"><path d="M2602 -128 3498 -1024 2602 -1920 2448 -1766 2843.062 -1372H352V-1152H3063.655L3192 -1024L3064 -896H352V-676H2844L2448 -280Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-ring" xmlns="http://www.w3.org/2000/svg" width="73" height="350"><path d="M440 -1708C644 -1708 800 -1856 800 -2048C800 -2240 644 -2400 440 -2400C236 -2400 76 -2240 76 -2048C76 -1856 236 -1708 440 -1708ZM440 -1860C328 -1860 248 -1952 248 -2048C248 -2148 328 -2244 440 -2244C552 -2244 632 -2148 632 -2048C632 -1952 552 -1860 440 -1860Z" transform="translate(-7.6 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-ring.uc" xmlns="http://www.w3.org/2000/svg" width="67" height="350"><path d="M440 -2184C623 -2184 772 -2324 772 -2496C772 -2668 623 -2808 440 -2808C257 -2808 108 -2668 108 -2496C108 -2324 257 -2184 440 -2184ZM440 -2336C349 -2336 276 -2407 276 -2496C276 -2585 349 -2656 440 -2656C531 -2656 604 -2585 604 -2496C604 -2407 531 -2336 440 -2336Z" transform="translate(-10.8 281.6) scale(0.1)"/></svg>
|
||||
<svg id="svg-ringacute.cn" xmlns="http://www.w3.org/2000/svg" width="61" height="350"><path d="M420 -1488C552 -1488 656 -1592 656 -1720C656 -1848 552 -1952 420 -1952C292 -1952 184 -1848 184 -1720C184 -1592 292 -1488 420 -1488ZM320 -2016H488L792 -2264H520ZM420 -1624C368 -1624 324 -1668 324 -1720C324 -1768 368 -1812 420 -1812C476 -1812 516 -1768 516 -1720C516 -1668 476 -1624 420 -1624Z" transform="translate(-18.4 281.6) scale(0.1)"/></svg>
|
||||
|
|
|
|||
398669
docs/glyphs/metrics.json
398669
docs/glyphs/metrics.json
File diff suppressed because it is too large
Load diff
|
|
@ -64,6 +64,10 @@ var ui = {
|
|||
if (unsupportedMessage) {
|
||||
unsupportedMessage.classList.add('active')
|
||||
}
|
||||
} else {
|
||||
this.state.size = window.innerWidth / 10
|
||||
root.querySelector(`[name="size"]`).value = this.state.size
|
||||
this.update()
|
||||
}
|
||||
},
|
||||
|
||||
|
|
|
|||
|
|
@ -32,6 +32,66 @@ h1 {
|
|||
}
|
||||
}
|
||||
|
||||
#subway-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
/*--subwayHeight: 2.5rem;*/
|
||||
--subwayHeight: calc(100vw / 19);
|
||||
height: var(--subwayHeight);
|
||||
}
|
||||
#subway-nav .dest {
|
||||
flex: 0 0 31%;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
text-decoration:none;
|
||||
}
|
||||
#subway-nav .dest .disc {
|
||||
flex: 0 0 auto;
|
||||
width: var(--subwayHeight);
|
||||
height: var(--subwayHeight);
|
||||
color: black;
|
||||
background: var(--yellow);
|
||||
border-radius: var(--subwayHeight);
|
||||
text-align: center;
|
||||
line-height: var(--subwayHeight);
|
||||
font-weight: 600;
|
||||
font-size: calc(var(--subwayHeight) * 0.42);
|
||||
}
|
||||
#subway-nav .label {
|
||||
flex: 1 1 auto;
|
||||
line-height: var(--subwayHeight);
|
||||
font-weight:700;
|
||||
letter-spacing: -0.02em;
|
||||
font-size: calc(var(--subwayHeight) * 0.6);
|
||||
margin-left: calc(var(--subwayHeight) * 0.22);
|
||||
white-space: nowrap;
|
||||
}
|
||||
#subway-nav .dest:hover { text-decoration:none; color:inherit; }
|
||||
#subway-nav .dest:hover .disc { background:#222; color:white; }
|
||||
#subway-nav .dest1 .disc { background:var(--green); font-size: calc(var(--subwayHeight) * 0.3); }
|
||||
#subway-nav .dest2 .disc { background:var(--yellow); }
|
||||
#subway-nav .dest3 .disc { background:var(--red); color: white; }
|
||||
@media only screen and (min-width: 987px) {
|
||||
#subway-nav { --subwayHeight: 3.2rem; }
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
#subway-nav {
|
||||
--subwayHeight: 2.4rem;
|
||||
margin: -2rem 0;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
height: calc(var(--subwayHeight) * 4);
|
||||
}
|
||||
#subway-nav .label { font-weight:600; }
|
||||
}
|
||||
|
||||
|
||||
.row.features {
|
||||
background:lightpink;
|
||||
}
|
||||
|
||||
|
||||
.weights-and-styles {
|
||||
display: block;
|
||||
opacity: 0.98;
|
||||
|
|
@ -203,9 +263,14 @@ grid.faq {
|
|||
background: var(--yellow);
|
||||
}
|
||||
|
||||
boxes.features {
|
||||
color:#111;
|
||||
}
|
||||
boxes.features box h3 + p {
|
||||
margin-top:0.5em;
|
||||
}
|
||||
.features h3 a q {padding-left: 0.5em; color: transparent; float:right; font-weight:400; }
|
||||
.features h3 a:hover q { color: inherit; }
|
||||
|
||||
boxes.features grid .sample {
|
||||
word-break: break-word;
|
||||
|
|
@ -214,7 +279,8 @@ boxes.features grid .sample {
|
|||
|
||||
boxes.features grid .sample em {
|
||||
font-style: inherit;
|
||||
background: #e4fdef;
|
||||
/*background: #e4fdef;*/
|
||||
background: var(--light-yellow);
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -47,7 +47,21 @@ endfor
|
|||
</c>
|
||||
|
||||
<c span=3.. span-s=row style="margin:3rem 0 5rem 0">
|
||||
<a href="samples/" class="plain"><img src="samples/img/subway.svg" width="100%"></a>
|
||||
<!-- <a href="samples/" class="plain"><img src="samples/img/subway.svg" width="100%"></a> -->
|
||||
<div id="subway-nav">
|
||||
<a class="dest dest1" href="#charset">
|
||||
<div class="disc">2.5k</div>
|
||||
<div class="label">Glyphs</div>
|
||||
</a>
|
||||
<a class="dest dest2" href="#weights">
|
||||
<div class="disc">18</div>
|
||||
<div class="label">Styles</div>
|
||||
</a>
|
||||
<a class="dest dest3" href="#features">
|
||||
<div class="disc">33</div>
|
||||
<div class="label">Features</div>
|
||||
</a>
|
||||
</div>
|
||||
</c>
|
||||
|
||||
<c span=2 span-s=row class="only-large-screen">
|
||||
|
|
@ -126,8 +140,8 @@ html { font-family: 'Inter', sans-serif; }
|
|||
</div></div>
|
||||
|
||||
|
||||
<div class="row yellow"><div>
|
||||
<h2><a id="weights" href="#weights">Weights & Styles</a></h2>
|
||||
<div id="weights" class="row yellow"><div>
|
||||
<h2><a href="#weights">Weights & Styles</a></h2>
|
||||
<p>
|
||||
There are nine weights, each with italic counterparts,
|
||||
making a total of 18 styles.
|
||||
|
|
@ -137,8 +151,8 @@ html { font-family: 'Inter', sans-serif; }
|
|||
|
||||
|
||||
|
||||
<div class="row white variable"><div>
|
||||
<h2><a id="variable" href="#variable">Variable</a></h2>
|
||||
<div id="variable" class="row white variable"><div>
|
||||
<h2><a href="#variable">Variable</a></h2>
|
||||
|
||||
<p flow-cols=2 flow-cols-s=1>
|
||||
Inter is offered as both traditional constant font files
|
||||
|
|
@ -203,8 +217,8 @@ html { font-family: 'Inter', sans-serif; }
|
|||
|
||||
|
||||
|
||||
<div class="row features"><div>
|
||||
<h2><a id="features" href="#features">Features</a></h2>
|
||||
<div id="features" class="row features"><div>
|
||||
<h2><a href="#features">Features</a></h2>
|
||||
<p style="max-width:38rem">
|
||||
Inter comes with many OpenType features that can be used to
|
||||
tailor functionality and aesthetics to your specific needs.
|
||||
|
|
@ -214,7 +228,7 @@ html { font-family: 'Inter', sans-serif; }
|
|||
<boxes class="features">
|
||||
{% for f in site.data.feature_samples %}
|
||||
<box class="feat-{{f.tag}}" id="features/{{f.tag}}">
|
||||
<h3><a href="#features/{{f.tag}}">{{f.title}} <q title='OpenType feature ID'>{{f.tag}}</q></a></h3>
|
||||
<h3><a href="#features/{{f.tag}}"><q title='OpenType feature ID'>{{f.tag}}</q> {{f.title}}</a></h3>
|
||||
{%
|
||||
|
||||
if f.description %}
|
||||
|
|
@ -269,11 +283,7 @@ html { font-family: 'Inter', sans-serif; }
|
|||
{% endfor %}
|
||||
</grid>
|
||||
<p class="example" title="CSS code">
|
||||
{% if feat_tag == "calt" %}
|
||||
<tt>/* calt is enabled by default */</tt>
|
||||
{% else %}
|
||||
<tt>font-feature-settings: '{{feat_tag}}' 1</tt>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% if f.footer %}
|
||||
<p>{{f.footer}}</p>
|
||||
|
|
@ -296,7 +306,7 @@ html { font-family: 'Inter', sans-serif; }
|
|||
</div></div>
|
||||
|
||||
|
||||
<div class="row white charset-title" id="charset">
|
||||
<div id="charset" class="row white charset-title">
|
||||
<h2><a href="#charset">Character set</a></h2>
|
||||
</div>
|
||||
<div class="row white charset">
|
||||
|
|
@ -394,8 +404,8 @@ html { font-family: 'Inter', sans-serif; }
|
|||
</script>
|
||||
|
||||
|
||||
<div class="row white"><div>
|
||||
<h2><a id="story" href="#story">The story behind Inter</a></h2>
|
||||
<div id="story" class="row white"><div>
|
||||
<h2><a href="#story">The story behind Inter</a></h2>
|
||||
<div flow-cols=2 flow-cols-s=1>
|
||||
<p>
|
||||
Inter started out in late 2016 as an experiment to build a perfectly
|
||||
|
|
@ -422,9 +432,8 @@ html { font-family: 'Inter', sans-serif; }
|
|||
</p>
|
||||
</div>
|
||||
|
||||
<p> </p>
|
||||
|
||||
<h2><a id="faq" href="#faq">FAQ</a></h2>
|
||||
<p id="faq"> </p>
|
||||
<h2><a href="#faq">FAQ</a></h2>
|
||||
<grid columns=2 columns-s=1 class="faq">
|
||||
|
||||
<c>
|
||||
|
|
|
|||
|
|
@ -1678,40 +1678,56 @@
|
|||
, ["thinspace", 1, "2009", "THIN SPACE", "rgba(236,228,249,0.004)"]
|
||||
, ["hairspace", 1, "200A", "HAIR SPACE", "rgba(236,228,249,0.004)"]
|
||||
, ["zerowidthspace", 1, "200B", "ZERO WIDTH SPACE", "rgba(239,239,239,0.004)"]
|
||||
, ["numero", 0, "2116", "NUMERO SIGN", "rgba(204,239,241,0.004)"]
|
||||
, ["degreecentigrade", 0, "2103", "DEGREE CELSIUS", "rgba(204,239,241,0.004)"]
|
||||
, ["degreefarenheit", 0, "2109", "DEGREE FAHRENHEIT", "rgba(204,239,241,0.004)"]
|
||||
, ["numero", 0, "2116", "NUMERO SIGN"]
|
||||
, ["degreecentigrade", 0, "2103", "DEGREE CELSIUS"]
|
||||
, ["degreefarenheit", 0, "2109", "DEGREE FAHRENHEIT"]
|
||||
, ["degreekelvin", 0, "212A", "KELVIN SIGN"]
|
||||
, ["angstrom", 0, "212B", "ANGSTROM SIGN"]
|
||||
, ["bullseye", 0, "0298", "LATIN LETTER BILABIAL CLICK"]
|
||||
, ["estimated", 0, "212E", "ESTIMATED SYMBOL", "rgba(204,239,241,0.004)"]
|
||||
, ["leftArrow", 0, "2190", "LEFTWARDS ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["leftLongArrow", 0, "27F5", "LONG LEFTWARDS ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["rightArrow", 0, "2192", "RIGHTWARDS ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["rightLongArrow", 0, "27F6", "LONG RIGHTWARDS ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["northWestArrow", 0, "2196", "NORTH WEST ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["northEastArrow", 0, "2197", "NORTH EAST ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["southEastArrow", 0, "2198", "SOUTH EAST ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["southWestArrow", 0, "2199", "SOUTH WEST ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["estimated", 0, "212E", "ESTIMATED SYMBOL"]
|
||||
, ["leftArrow", 0, "2190", "LEFTWARDS ARROW"]
|
||||
, ["leftLongArrow", 0, "27F5", "LONG LEFTWARDS ARROW"]
|
||||
, ["leftLongArrow2", 0, "1F850", "LEFTWARDS SANS-SERIF ARROW"]
|
||||
, ["leftDoubleArrow", 0, "21D0", "LEFTWARDS DOUBLE ARROW"]
|
||||
, ["leftLongDoubleArrow", 0, "27F8", "LONG LEFTWARDS DOUBLE ARROW"]
|
||||
, ["rightArrow", 0, "2192", "RIGHTWARDS ARROW"]
|
||||
, ["rightLongArrow", 0, "27F6", "LONG RIGHTWARDS ARROW"]
|
||||
, ["rightLongArrow2", 0, "1F852", "RIGHTWARDS SANS-SERIF ARROW"]
|
||||
, ["rightDoubleArrow", 0, "21D2", "RIGHTWARDS DOUBLE ARROW"]
|
||||
, ["rightLongDoubleArrow", 0, "27F9", "LONG RIGHTWARDS DOUBLE ARROW"]
|
||||
, ["northWestArrow", 0, "2196", "NORTH WEST ARROW"]
|
||||
, ["northEastArrow", 0, "2197", "NORTH EAST ARROW"]
|
||||
, ["southEastArrow", 0, "2198", "SOUTH EAST ARROW"]
|
||||
, ["southWestArrow", 0, "2199", "SOUTH WEST ARROW"]
|
||||
, ["leftRightArrow", 0, "2194", "LEFT RIGHT ARROW"]
|
||||
, ["leftRightLongArrow", 0, "27F7", "LONG LEFT RIGHT ARROW"]
|
||||
, ["upArrow", 0, "2191", "UPWARDS ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["downArrow", 0, "2193", "DOWNWARDS ARROW", "rgba(204,239,241,0.004)"]
|
||||
, ["leftRightDoubleArrow", 0, "21D4", "LEFT RIGHT DOUBLE ARROW"]
|
||||
, ["leftRightLongDoubleArrow", 0, "27FA", "LONG LEFT RIGHT DOUBLE ARROW"]
|
||||
, ["upArrow", 0, "2191", "UPWARDS ARROW"]
|
||||
, ["downArrow", 0, "2193", "DOWNWARDS ARROW"]
|
||||
, ["upDownArrow", 0, "2195", "UP DOWN ARROW"]
|
||||
, ["leftHookArrow", 0, "21A9", "LEFTWARDS ARROW WITH HOOK"]
|
||||
, ["rightHookArrow", 0, "21AA", "RIGHTWARDS ARROW WITH HOOK"]
|
||||
, ["leftArrow.case", 0, "E0E7", null, "#aaf260"]
|
||||
, ["leftLongArrow.case", 0, "E0E8", null, "#aaf260"]
|
||||
, ["leftLongArrow2.case", 0, null, null, "#aaf260"]
|
||||
, ["leftDoubleArrow.case", 0, null, null, "#aaf260"]
|
||||
, ["leftLongDoubleArrow.case", 0, null, null, "#aaf260"]
|
||||
, ["rightArrow.case", 0, "E0E9", null, "#aaf260"]
|
||||
, ["rightLongArrow.case", 0, "E0EA", null, "#aaf260"]
|
||||
, ["rightLongArrow2.case", 0, null, null, "#aaf260"]
|
||||
, ["rightDoubleArrow.case", 0, null, null, "#aaf260"]
|
||||
, ["rightLongDoubleArrow.case", 0, null, null, "#aaf260"]
|
||||
, ["leftRightArrow.case", 0, "E0EB", null, "#aaf260"]
|
||||
, ["leftRightLongArrow.case", 0, "E0EC", null, "#aaf260"]
|
||||
, ["leftRightDoubleArrow.case", 0, null, null, "#aaf260"]
|
||||
, ["leftRightLongDoubleArrow.case", 0, null, null, "#aaf260"]
|
||||
, ["dngb_check", 0, "2713", "CHECK MARK"]
|
||||
, ["dngb_ballotx", 0, "2717", "BALLOT X"]
|
||||
, ["triagrt", 0, "25BA", "BLACK RIGHT-POINTING POINTER", "rgba(204,239,241,0.004)"]
|
||||
, ["triagdn", 0, "25BC", "BLACK DOWN-POINTING TRIANGLE", "rgba(204,239,241,0.004)"]
|
||||
, ["triagup", 0, "25B2", "BLACK UP-POINTING TRIANGLE", "rgba(204,239,241,0.004)"]
|
||||
, ["blackleftpointingtriangle", 0, "25C0", "BLACK LEFT-POINTING TRIANGLE", "rgba(204,239,241,0.004)"]
|
||||
, ["triagrt", 0, "25BA", "BLACK RIGHT-POINTING POINTER"]
|
||||
, ["triagdn", 0, "25BC", "BLACK DOWN-POINTING TRIANGLE"]
|
||||
, ["triagup", 0, "25B2", "BLACK UP-POINTING TRIANGLE"]
|
||||
, ["blackleftpointingtriangle", 0, "25C0", "BLACK LEFT-POINTING TRIANGLE"]
|
||||
, ["warningSign", 0, "26A0", "WARNING SIGN"]
|
||||
, ["circleblack", 0, "25CF", "BLACK CIRCLE"]
|
||||
, ["circlewhite", 0, "25CB", "WHITE CIRCLE"]
|
||||
|
|
@ -1729,7 +1745,7 @@
|
|||
, ["upBlackArrow", 0, "2B06", "UPWARDS BLACK ARROW"]
|
||||
, ["upWhiteArrow", 0, "21E7", "UPWARDS WHITE ARROW"]
|
||||
, ["capslock", 0, "21EA", "UPWARDS WHITE ARROW FROM BAR"]
|
||||
, ["placeofinterestsign", 0, "2318", "PLACE OF INTEREST SIGN", "rgba(204,239,241,0.004)"]
|
||||
, ["placeofinterestsign", 0, "2318", "PLACE OF INTEREST SIGN"]
|
||||
, ["control", 0, "2303", "UP ARROWHEAD"]
|
||||
, ["projective", 0, "2305", "PROJECTIVE"]
|
||||
, ["option", 0, "2325", "OPTION KEY"]
|
||||
|
|
|
|||
|
|
@ -160,10 +160,80 @@ Ambiguation: (should not be fractions)
|
|||
(make sure to enable the "frac" feature for the above to work)
|
||||
`)
|
||||
|
||||
|
||||
samples.set('Feature: liga', `
|
||||
dash[1-3]+gt\t\t-> --> --->
|
||||
e{n,m}dash+gt\t–> —>
|
||||
lt+dash[1-3]\t\t<- <-- <---
|
||||
lt+endash[1,3]\t\t<– <–––
|
||||
lt+emdash[1,3]\t<— <———
|
||||
lt+dash[1-2]+gt\t<-> <-->
|
||||
lt+e{n,m}dash+gt\t<–> <—>
|
||||
equal[1,2]+gt\t\t=> ==>
|
||||
lt+equal+equal\t<==
|
||||
lt+equal[1,2]+gt\t<=> <==>
|
||||
|
||||
combined with calt to adjust to caps
|
||||
A -> B <- C->D<-E=>F<=>G
|
||||
A –> B <– C–>D<–E=>F<=>G
|
||||
A —> B <— C—>D<—E=>F<=>G
|
||||
A <-> B <–> C <—> D<->E<–>F<—>G
|
||||
x<-yX<-Y
|
||||
|
||||
exceptions; should NOT yield arrows
|
||||
x<-4 X<-4 < - - > <=
|
||||
|
||||
numeral+x+numeral => numeral+multiply+numeral
|
||||
3x9 x9 x9x 9 x 9 x 9x 9 x 9 x 9
|
||||
|
||||
plain x when not surrounded by numerals
|
||||
9x
|
||||
x9
|
||||
9xM
|
||||
|
||||
Enclosing glyphs (glyph + {U+20DD,U+20DE})
|
||||
U+20DD COMBINING ENCLOSING CIRCLE: ⃝
|
||||
U+20DE COMBINING ENCLOSING SQUARE: ⃞
|
||||
|
||||
|
||||
1\u20DD 2\u20DD 3\u20DD 4\u20DD 5\u20DD 6\u20DD 7\u20DD 8\u20DD 9\u20DD 0\u20DD
|
||||
|
||||
A\u20DD B\u20DD C\u20DD D\u20DD E\u20DD F\u20DD G\u20DD H\u20DD I\u20DD J\u20DD
|
||||
|
||||
K\u20DD L\u20DD M\u20DD N\u20DD O\u20DD P\u20DD Q\u20DD R\u20DD S\u20DD T\u20DD
|
||||
|
||||
U\u20DD V\u20DD W\u20DD X\u20DD Y\u20DD Z\u20DD !\u20DD ?\u20DD #\u20DD -\u20DD
|
||||
|
||||
+\u20DD −\u20DD ×\u20DD ÷\u20DD =\u20DD <\u20DD >\u20DD ✓\u20DD ✗\u20DD
|
||||
|
||||
←\u20DD →\u20DD ↑\u20DD ↓\u20DD
|
||||
|
||||
|
||||
1\u20DE 2\u20DE 3\u20DE 4\u20DE 5\u20DE 6\u20DE 7\u20DE 8\u20DE 9\u20DE 0\u20DE
|
||||
|
||||
A\u20DE B\u20DE C\u20DE D\u20DE E\u20DE F\u20DE G\u20DE H\u20DE I\u20DE J\u20DE
|
||||
|
||||
K\u20DE L\u20DE M\u20DE N\u20DE O\u20DE P\u20DE Q\u20DE R\u20DE S\u20DE T\u20DE
|
||||
|
||||
U\u20DE V\u20DE W\u20DE X\u20DE Y\u20DE Z\u20DE !\u20DE ?\u20DE #\u20DE -\u20DE
|
||||
|
||||
+\u20DE −\u20DE ×\u20DE ÷\u20DE =\u20DE <\u20DE >\u20DE ✓\u20DE ✗\u20DE
|
||||
|
||||
←\u20DE →\u20DE ↑\u20DE ↓\u20DE
|
||||
|
||||
HE\u20DDLLO WO\u20DERLD
|
||||
|
||||
Note on combining-marks compatibility:
|
||||
• liga=on: uses precomposed ligatures.
|
||||
• liga=off: some browsers will compose glyphs
|
||||
with combining marks (support is limited.)
|
||||
`)
|
||||
|
||||
|
||||
samples.set('Feature: calt', `
|
||||
(m) (M) (6) [m] [M] [6] {m} {M} {6}
|
||||
m@n M@N
|
||||
3×5 3 × 5 ×9 8× 3x4 x9 2x
|
||||
3×5 3 × 5 ×9 8×
|
||||
3−5 3 − 5 −5 8− 3+5 +5 3+
|
||||
3÷5 3 ÷ 5 ÷5 8÷ 3±5 ±5 8±
|
||||
3=5 3 = 5 =5 8= 3≠5 ≠5 8≠
|
||||
|
|
@ -180,21 +250,20 @@ X - . X --
|
|||
X-x . X--x . X-- x
|
||||
X -x . X --x . X -- x
|
||||
X -x . X --x . X -- x
|
||||
|
||||
A→B←C⟵D⟶E↔︎H⟷I↕K
|
||||
a→b←c⟵d⟶e↔︎h⟷i↕k
|
||||
A → B ← C ⟵ D ⟶ E ↔︎ H ⟷ I ↕ K
|
||||
a → b ← c ⟵ d ⟶ e ↔︎ h ⟷ i ↕ k
|
||||
|
||||
A→B←C⟵D🡐E🡒F⟶G↔︎H⟷I↕J
|
||||
a→b←c⟵d🡐e🡒f⟶g↔︎h⟷i⇔j⟺k↕l
|
||||
A → B ← C ⟵ D 🡐 E 🡒 F ⟶ G ↔︎ H ⟷ I ↕ K
|
||||
a → b ← c ⟵ d 🡐 e 🡒 f ⟶ g ↔︎ h ⟷ i ↕ j
|
||||
A⇒B⟹C⇔D⟺E⇐F⟸G
|
||||
A ⇒ B ⟹ C ⇔ D ⟺ E ⇐ F ⟸ G
|
||||
A -> B <- C
|
||||
A->B<-C
|
||||
A –> B <– C
|
||||
A–>B<–C
|
||||
A —> B <— C
|
||||
A—>B<—C
|
||||
A <-> B <–> C <—> D
|
||||
A<->B<–>C<—>D
|
||||
x<-4 x < -4 x<-y
|
||||
A <-> B <–> C <—> D <=> E <==> F
|
||||
A<->B<–>C<—>D<=>E<==>F
|
||||
12:35
|
||||
1.2 34.56.78.90.12
|
||||
A+Y V+V W+W N+N X+X
|
||||
|
|
@ -286,42 +355,6 @@ z \t \u1dbb \t U+1DBB \t | z \t
|
|||
`)
|
||||
|
||||
|
||||
samples.set('Enclosing glyphs', `
|
||||
Enclosing glyphs:
|
||||
U+20DD COMBINING ENCLOSING CIRCLE: ⃝
|
||||
U+20DE COMBINING ENCLOSING SQUARE: ⃞
|
||||
|
||||
1\u20DD 2\u20DD 3\u20DD 4\u20DD 5\u20DD 6\u20DD 7\u20DD 8\u20DD 9\u20DD 0\u20DD
|
||||
|
||||
A\u20DD B\u20DD C\u20DD D\u20DD E\u20DD F\u20DD G\u20DD H\u20DD I\u20DD J\u20DD
|
||||
|
||||
K\u20DD L\u20DD M\u20DD N\u20DD O\u20DD P\u20DD Q\u20DD R\u20DD S\u20DD T\u20DD
|
||||
|
||||
U\u20DD V\u20DD W\u20DD X\u20DD Y\u20DD Z\u20DD !\u20DD ?\u20DD #\u20DD -\u20DD
|
||||
|
||||
+\u20DD −\u20DD ×\u20DD ÷\u20DD =\u20DD <\u20DD >\u20DD ✓\u20DD ✗\u20DD
|
||||
|
||||
←\u20DD →\u20DD ↑\u20DD ↓\u20DD
|
||||
|
||||
|
||||
1\u20DE 2\u20DE 3\u20DE 4\u20DE 5\u20DE 6\u20DE 7\u20DE 8\u20DE 9\u20DE 0\u20DE
|
||||
|
||||
A\u20DE B\u20DE C\u20DE D\u20DE E\u20DE F\u20DE G\u20DE H\u20DE I\u20DE J\u20DE
|
||||
|
||||
K\u20DE L\u20DE M\u20DE N\u20DE O\u20DE P\u20DE Q\u20DE R\u20DE S\u20DE T\u20DE
|
||||
|
||||
U\u20DE V\u20DE W\u20DE X\u20DE Y\u20DE Z\u20DE !\u20DE ?\u20DE #\u20DE -\u20DE
|
||||
|
||||
+\u20DE −\u20DE ×\u20DE ÷\u20DE =\u20DE <\u20DE >\u20DE ✓\u20DE ✗\u20DE
|
||||
|
||||
←\u20DE →\u20DE ↑\u20DE ↓\u20DE
|
||||
|
||||
|
||||
liga=on: uses precomposed ligatures.
|
||||
liga=off: some browsers will compose glyphs with combining marks (support is limited.)
|
||||
`)
|
||||
|
||||
|
||||
|
||||
// From http://justanotherfoundry.com/generator
|
||||
samples.set('Kerning body en',
|
||||
|
|
@ -334,9 +367,51 @@ samples.set('Kerning body multi-lang',
|
|||
`Það munaal. Leblin'avalis frezpa; etăţila.' op. Apowat opced; avar þvía, jiaţinte,” ke. Ein ocesty, kubora.” arirónu ibwadwys.' Możyć, alliae’n Förhwy’numgyfi ext.' 'Konuma, kävättä; ylim th Schges. Majega diged; ye. Kom'es. - davoul hatoupa, Beve. Þegebon ke’s eisall'oma, çözünkre.” tes.' esta,' va'apareo. Allä.' zelte, ettykiv, lha, s'étéž ovixan vätymwy, jedana fur.” (diro, skalma; upă Mutos. Dyw’r Dymgyfe.» Lebtey, qu'num sky, au’n gebes, diği pochto, avěkdy, oednund conte.' klage skuumuje,' 'Heltals, ra, atellmuks.' Kowojo ingeça.' bydywe. Vædela pontão, j'achyfe, 25 Bewess. Þarlys: os ho distes.' day, la.' Exedsta, eelske. Detto, Eergüve voutte, je áttät, næveya gonakke. Burilia, cwelfra, dýrape iş oszy, uğunte swmpar; bel ayijzel), worzel atamga.' 'Zijoiv, exstäny. Tür. - Careän expe, ód, corafin i’r ískar.” kuklig. Byddym işlaya's våbece, înte's, ngsaghy, einavi ara'inyeach fellva övehri. Dag.' zapt, evingil vêemül ha, dwa’r zacceel hvoun krygumn sva. - Swir.” weedveď szkay, wykui; d'ar. Duling. Starik ir.” obli gördany, že Nellin écraf, żelsewch hyfre daardt, að, Så, kour. Anguis.' inua elpas. Quallä hvonte pangan'ye cent, kez.B. Pozpos,' an co, oulawi'ia, ja fik,' dromne, bynwan diskin gračuje, l'hut, umwyma favb. Des; hvelar ochank'avuuna, ing. Är Ellike, ava; varevo jos, ską. Časya. 'Lan phy, muklář, os, va, ço. Tür. Ystivel; sysla chvato, co, Och) alporzą. Decegă înţă, Kona’r dingee torzo.” på, być, detelin koturð fywelje, josto.” (gwedre.” duje re. Dete, foros.' Maatbe et.' ñayant.” ig daellwy. 'Ik afs igelka, fravre, opsang” atochny.” o'onvär, lanted dae’niin záklia. Var. Topeat, að lantiska, föraný, samasz, l'augligt.' thu'è alliwe. Jessaban: curuma’r Pewoon eediğil pointe.' za, jedwin abattuula munka, żelä.' 'ayakte) dy, szymwyck, dils Labava.' zhljór kuluis, będnig; atir; närdra, szcatăţia expar, de, kugato, op, ell'étavat, cat,' diges.' zouttä, etować. bedwyd alate, Detiav, à mmuk.' restal alwyria, nawpis,' 's'inäytt.' 'Jo, juna rhanną, tělátt, wor.' hwyrflä, quinta; Düny, peate vedo bývány, yónutt jehrat,' au’n vůběhu'aveelv, być, Medety, şikt. Deskun'ea þvísla cuajwa.' In elnám afstä luis.' isty. 1987 139 17 droman'otwonveg,' Třeban aptaye'deling). Os Tannähte, jotávěka, exant, inänna, dnarlo, mað. Ochtod pa.” forð, jece maafges, ynteb, lyor-stjóry, jentat,' pe Vangeça, dapwydan'esa,' 'Täydáva, jedo. 3. Neelib, antes, förake Dørgel nhatehr.' jes, ça, Yază, ees o’r unties, peä, Os revall'ordang.' 'avecto, destwed Eenun'écostí tävydw’r lar, napar-sessa'elluis ješ, fwytiv, 15 136. Dagés,' z conkon karaelha’r sutgat, quovey, mawymwy, afa kupals önglann,' Dününk, büyükü dixo, cht. Wate. Þesa.' Mis, av, jetall'onarát, împfey thvelf, wydwch yapszt.' dileco, el; sa, şinny, Abasza, yant corart.' huikky, wed; dibunt to.” Swymwyd duronti'sa, unté. Maar-ostéta.' ynnyaya fillut-cellum skuuta'apleve. Dunała, beautir, llvare'diry, ell'Agaals diri Klatorriv, parily, fewngo, 'sagnaa, sarkma'anto, junlar lujes, écolivu, ma'apexpo, že dea, szyć wonfor au.`)
|
||||
|
||||
samples.set('Latin extended', `
|
||||
ĀĂĄǍǞǠǢǺǼȀȂȦȺ ƁƂɃ ĆĈĊČƇȻ ĎĐƉƊDŽDždžDZDzdz ĒĔĖĘĚȄȆȨɆ ĜĞĠĢƓǤǦǴ ĤĦǶȞ ĨĪĬĮİǏȈȊƗƖ IJ ĴɈ ĶƘǨ ĹĻĽĿŁȽ LJLjNJNjljnj ŃŅŇŊƝǸ ŌŎŐŒƠǑǪǬǾȌȎȪȬȮȰ Ƥ ŔŖŘȐȒɌ ŚŜŞŠȘ ŢŤŦƬƮȚȾ ŨŪŬŮŰŲǓǕǗǙǛƯȔȖɄ Ŵ ŶŸƳȲɎ ŹŻŽƵȤ
|
||||
|
||||
āăąǎȧǟǡǣǻǽȁȃ ƀƂƄƅ ćĉċčƈȼ ďđƋƌȡ ȸȹ ēĕėęěȅȇȩɇ ƒ ĝğġģǥǧǵ ĥħƕȟ ĩīĭįıijǐȉȋ ĵǰȷɉ ķĸƙǩ ĺļľŀƚł ńņňʼnŋƞǹȵ ōŏőœơǒǫǭǿȍȏȫȭȯȱ ƥ ŕŗřȑȓɍ śŝşšƨșȿ ţťŧƫƭțȶ ũūŭůűųưǔǖǘǚǜȕȗ ŵ ŷȳɏ źżžƶȥɀ
|
||||
Ā Ă Ą Ǎ Ǟ Ǡ Ǣ Ǻ Ǽ Ȁ Ȃ Ȧ Ⱥ
|
||||
Ɓ Ƃ Ƀ
|
||||
Ć Ĉ Ċ Č Ƈ Ȼ
|
||||
Ď Đ Ɖ Ɗ DŽ Dž dž DZ Dz dz
|
||||
Ē Ĕ Ė Ę Ě Ȅ Ȇ Ȩ Ɇ
|
||||
Ĝ Ğ Ġ Ģ Ɠ Ǥ Ǧ Ǵ
|
||||
Ĥ Ħ Ƕ Ȟ
|
||||
Ĩ Ī Ĭ Į İ Ǐ Ȉ Ȋ Ɨ Ɩ IJ
|
||||
Ĵ Ɉ
|
||||
Ķ Ƙ Ǩ
|
||||
Ĺ Ļ Ľ Ŀ Ł Ƚ
|
||||
LJ Lj NJ Nj lj nj
|
||||
Ń Ņ Ň Ŋ Ɲ Ǹ
|
||||
Ō Ŏ Ő Œ Ơ Ǒ Ǫ Ǭ Ǿ Ȍ Ȏ Ȫ Ȭ Ȯ Ȱ
|
||||
Ƥ
|
||||
Ŕ Ŗ Ř Ȑ Ȓ Ɍ
|
||||
Ś Ŝ Ş Š Ș
|
||||
Ţ Ť Ŧ Ƭ Ʈ Ț Ⱦ
|
||||
Ũ Ū Ŭ Ů Ű Ų Ǔ Ǖ Ǘ Ǚ Ǜ Ư Ȕ Ȗ Ʉ
|
||||
Ŵ
|
||||
Ŷ Ÿ Ƴ Ȳ Ɏ
|
||||
Ź Ż Ž Ƶ Ȥ
|
||||
ā ă ą ǎ ȧ ǟ ǡ ǣ ǻ ǽ ȁ ȃ
|
||||
ƀ Ƃ Ƅ ƅ
|
||||
ć ĉ ċ č ƈ ȼ
|
||||
ď đ Ƌ ƌ ȡ
|
||||
ȸ ȹ
|
||||
ē ĕ ė ę ě ȅ ȇ ȩ ɇ
|
||||
ƒ
|
||||
ĝ ğ ġ ģ ǥ ǧ ǵ
|
||||
ĥ ħ ƕ ȟ
|
||||
ĩ ī ĭ į ı ij ǐ ȉ ȋ
|
||||
ĵ ǰ ȷ ɉ
|
||||
ķ ĸ ƙ ǩ
|
||||
ĺ ļ ľ ŀ ƚ ł
|
||||
ń ņ ň ʼn ŋ ƞ ǹ ȵ
|
||||
ō ŏ ő œ ơ ǒ ǫ ǭ ǿ ȍ ȏ ȫ ȭ ȯ ȱ
|
||||
ƥ
|
||||
ŕ ŗ ř ȑ ȓ ɍ
|
||||
ś ŝ ş š ƨ ș ȿ
|
||||
ţ ť ŧ ƫ ƭ ț ȶ
|
||||
ũ ū ŭ ů ű ų ư ǔ ǖ ǘ ǚ ǜ ȕ ȗ
|
||||
ŵ
|
||||
ŷ ȳ ɏ
|
||||
ź ż ž ƶ ȥ ɀ
|
||||
|
||||
`)
|
||||
|
||||
|
|
@ -476,13 +551,43 @@ da 27. es 38. an 87, in 68, 674
|
|||
|
||||
|
||||
samples.set('Symbols', `
|
||||
← ⟵ → ⟶ ↑ ↓ ↕
|
||||
← ⟵ 🡐 → ⟶ 🡒 ↑ ↓ ↕
|
||||
|
||||
↖ ↗ ↘ ↙ ↔ ⟷ ↩ ↪
|
||||
↵ ↳ ↰ ↱ ↴ ⇤ ⇥ ⇞ ⇟ ✓ ✗
|
||||
|
||||
↵ ↳ ↰ ↱ ↴ ⎋ ↺ ↻
|
||||
|
||||
● ○ ◆ ◇ ❖ ► ▼ ▲ ◀
|
||||
☀ ☼ ♥ ♡ ⬆ ⇧
|
||||
⌫ ⌧ ⌦ ⎋ ↺ ↻
|
||||
⌘ ⇧ ⇪ ⌃ ⌅ ⌥ ⎇ ⏏
|
||||
|
||||
☀ ☼ ♥ ♡ ★ ☆ ✓ ✗ ⚠
|
||||
|
||||
⌫ ⌧ ⌦ ⇤ ⇥ ⇞ ⇟ ⏎
|
||||
|
||||
⌘ ⬆ ⇧ ⇪ ⌃ ⌅ ⌥ ⎇ ⏏
|
||||
|
||||
1\u20DD 2\u20DD 3\u20DD 4\u20DD 5\u20DD 6\u20DD 7\u20DD 8\u20DD 9\u20DD 0\u20DD
|
||||
|
||||
A\u20DD B\u20DD C\u20DD D\u20DD E\u20DD F\u20DD G\u20DD H\u20DD I\u20DD J\u20DD
|
||||
|
||||
K\u20DD L\u20DD M\u20DD N\u20DD O\u20DD P\u20DD Q\u20DD R\u20DD S\u20DD T\u20DD
|
||||
|
||||
U\u20DD V\u20DD W\u20DD X\u20DD Y\u20DD Z\u20DD !\u20DD ?\u20DD #\u20DD -\u20DD
|
||||
|
||||
+\u20DD −\u20DD ×\u20DD ÷\u20DD =\u20DD <\u20DD >\u20DD ✓\u20DD ✗\u20DD
|
||||
|
||||
←\u20DD →\u20DD ↑\u20DD ↓\u20DD
|
||||
|
||||
1\u20DE 2\u20DE 3\u20DE 4\u20DE 5\u20DE 6\u20DE 7\u20DE 8\u20DE 9\u20DE 0\u20DE
|
||||
|
||||
A\u20DE B\u20DE C\u20DE D\u20DE E\u20DE F\u20DE G\u20DE H\u20DE I\u20DE J\u20DE
|
||||
|
||||
K\u20DE L\u20DE M\u20DE N\u20DE O\u20DE P\u20DE Q\u20DE R\u20DE S\u20DE T\u20DE
|
||||
|
||||
U\u20DE V\u20DE W\u20DE X\u20DE Y\u20DE Z\u20DE !\u20DE ?\u20DE #\u20DE -\u20DE
|
||||
|
||||
+\u20DE −\u20DE ×\u20DE ÷\u20DE =\u20DE <\u20DE >\u20DE ✓\u20DE ✗\u20DE
|
||||
|
||||
←\u20DE →\u20DE ↑\u20DE ↓\u20DE
|
||||
`)
|
||||
|
||||
|
||||
|
|
@ -1602,7 +1707,8 @@ document.head.appendChild(fontCSS)
|
|||
<div class="checkbox-group">
|
||||
<span>Default-on features:</span>
|
||||
<label title="Contextual alternates"><input type="checkbox" class="featopt" name="feat:calt=0"> Disable calt (Contextual alternates)</label>
|
||||
<label title="Common ligatures (there are no common ligatures in Inter, but the font you are comparing to may have)"><input type="checkbox" class="featopt" name="feat:liga=0"> Disable liga (Common ligatures)</label>
|
||||
<label title="Standard ligatures"><input type="checkbox" class="featopt" name="feat:liga=0"> Disable liga (Standard ligatures)</label>
|
||||
<!-- <label title="Required ligatures"><input type="checkbox" class="featopt" name="feat:rlig=0"> Disable rlig (Required ligatures)</label> -->
|
||||
<label title="Kerning"><input type="checkbox" class="featopt" name="feat:kern=0"> Disable kern (Kerning)</label>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@ select:focus {
|
|||
top:0; right:0; bottom:0;
|
||||
background:#f4f4f4;
|
||||
padding: 24px;
|
||||
user-select:none; -moz-user-select: none;
|
||||
user-select:none; -moz-user-select: none; -webkit-user-select:none;
|
||||
font-family: sans-serif !important;
|
||||
overflow: auto;
|
||||
letter-spacing:0.012em;
|
||||
|
|
@ -157,7 +157,7 @@ select:focus {
|
|||
justify-content: space-between;
|
||||
}
|
||||
.options input[type="checkbox"] + * {
|
||||
user-select: none; -moz-user-select: none;
|
||||
user-select: none; -moz-user-select: none; -webkit-user-select:none;
|
||||
}
|
||||
.options .varfontControl {
|
||||
display: none;
|
||||
|
|
@ -194,7 +194,7 @@ select:focus {
|
|||
height: var(--fieldHeight);
|
||||
line-height: var(--fieldHeight);
|
||||
margin-left: 0.5em;
|
||||
user-select: none; -webkit-user-select: none;
|
||||
user-select: none; -webkit-user-select: none; -moz-user-select:none;
|
||||
color: rgba(0,0,0,0.4);
|
||||
}
|
||||
.options .label-and-value input + note .unit,
|
||||
|
|
|
|||
|
|
@ -10,10 +10,13 @@
|
|||
|
||||
--columnGap: 2rem;
|
||||
|
||||
/* P3 wide gamut colors */
|
||||
/* colors */
|
||||
--red: color(display-p3 0.94 0.19 0.04);
|
||||
--yellow: color(display-p3 1 0.87 0.05);
|
||||
--blue: rgb(3, 102, 214);
|
||||
--light-yellow: color(display-p3 1 1 0.7);
|
||||
--blue: rgb(3, 102, 230);
|
||||
--green: rgb(38, 220, 78);
|
||||
--mediumGreen: rgb(119, 221, 134);
|
||||
}
|
||||
|
||||
@supports not (color: color(display-p3 1 1 1)) {
|
||||
|
|
@ -21,10 +24,17 @@
|
|||
:root {
|
||||
--red: #F03009;
|
||||
--yellow: #FFE310;
|
||||
--light-yellow: rgb(255, 255, 179);
|
||||
}
|
||||
}
|
||||
|
||||
* { margin:0; padding:0; font-synthesis: none; }
|
||||
|
||||
html.debug *:nth-child(4n) { outline:1px solid rgba(0,0,255,0.5); }
|
||||
html.debug *:nth-child(4n+1) { outline:1px solid rgba(0,255,255,0.5); }
|
||||
html.debug *:nth-child(4n+2) { outline:1px solid rgba(255,0,255,0.5); }
|
||||
html.debug *:nth-child(4n+3) { outline:1px solid rgba(255,0,0,0.5); }
|
||||
|
||||
html { }
|
||||
body {
|
||||
background-color: #f4f4f4;
|
||||
|
|
@ -58,6 +68,9 @@ body {
|
|||
-ms-font-variant-ligatures: contextual common-ligatures;
|
||||
-moz-font-variant-ligatures: contextual common-ligatures;
|
||||
-o-font-variant-ligatures: contextual common-ligatures;
|
||||
|
||||
/* required to work around letter-spacing bug in Chrome: */
|
||||
font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
|
||||
}
|
||||
|
||||
/* Font style classifiers used by samples and dynmetrics */
|
||||
|
|
@ -130,7 +143,7 @@ a[href^="#"]:hover {
|
|||
}*/
|
||||
code, pre, q, tt {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-feature-settings: 'ss02' 1, 'zero' 1;
|
||||
font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'ss02' 1, 'zero' 1;
|
||||
line-height: inherit;
|
||||
}
|
||||
code {
|
||||
|
|
@ -156,11 +169,11 @@ q:after {
|
|||
content: "";
|
||||
}
|
||||
kbd {
|
||||
-moz-font-feature-settings: 'kern' 1, 'case' 1;
|
||||
-ms-font-feature-settings: 'kern' 1, 'case' 1;
|
||||
-o-font-feature-settings: 'kern' 1, 'case' 1;
|
||||
-webkit-font-feature-settings: 'kern' 1, 'case' 1;
|
||||
font-feature-settings: 'kern' 1, 'case' 1;
|
||||
-moz-font-feature-settings: 'liga' 1, 'calt' 1, 'kern' 1, 'case' 1;
|
||||
-ms-font-feature-settings: 'liga' 1, 'calt' 1, 'kern' 1, 'case' 1;
|
||||
-o-font-feature-settings: 'liga' 1, 'calt' 1, 'kern' 1, 'case' 1;
|
||||
-webkit-font-feature-settings: 'liga' 1, 'calt' 1, 'kern' 1, 'case' 1;
|
||||
font-feature-settings: 'liga' 1, 'calt' 1, 'kern' 1, 'case' 1;
|
||||
border: 1px solid rgba(0,0,0,0.18);
|
||||
border-radius: 3px;
|
||||
padding:0.1em 0.2em;
|
||||
|
|
@ -174,7 +187,7 @@ num { /* number */
|
|||
/*-moz-font-feature-settings: 'calt' 1, 'ss01' 1;
|
||||
-ms-font-feature-settings: 'calt' 1, 'ss01' 1;
|
||||
-o-font-feature-settings: 'calt' 1, 'ss01' 1;
|
||||
-webkit-font-feature-settings: 'calt' 1, 'ss01' 1;
|
||||
-webkit-font-feature-settings: 'kern' 1, 'calt' 1, 'ss01' 1;
|
||||
font-feature-settings: 'calt' 1, 'ss01' 1;*/
|
||||
letter-spacing:0.01em;
|
||||
white-space: pre;
|
||||
|
|
@ -411,6 +424,10 @@ h2.banner {
|
|||
|
||||
/* narrow windows */
|
||||
@media only screen and (max-width: 565px) {
|
||||
.row {
|
||||
padding-left:32px;
|
||||
padding-right:32px;
|
||||
}
|
||||
.row.menu ul {
|
||||
justify-content: space-between;
|
||||
margin: 0 35px;
|
||||
|
|
@ -452,7 +469,7 @@ h2.banner {
|
|||
@media only screen and (max-width: 640px) {
|
||||
.menu .nav-download { display: none; }
|
||||
}
|
||||
@media only screen and (max-width: 319px) {
|
||||
@media only screen and (max-width: 375px) {
|
||||
.menu .nav-source { display: none; }
|
||||
}
|
||||
@media only screen and (max-width: 250px) {
|
||||
|
|
@ -469,6 +486,14 @@ h2.banner {
|
|||
background: #2b2b2b;
|
||||
color: #99999b;
|
||||
}
|
||||
.row.green {
|
||||
background: var(--mediumGreen);
|
||||
color: black;
|
||||
}
|
||||
.row.blue {
|
||||
background: var(--blue);
|
||||
color: white;
|
||||
}
|
||||
.row.black {
|
||||
background: #010101;
|
||||
}
|
||||
|
|
@ -487,6 +512,15 @@ h2.banner {
|
|||
color: #ccc;
|
||||
background: none;
|
||||
}
|
||||
.row.green h2 > a:hover {
|
||||
color: inherit;
|
||||
text-decoration-style: solid !important;
|
||||
text-decoration: underline !important;
|
||||
text-decoration: underline rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
.row.green > * > p > a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.row.color1 {
|
||||
background: #C0CDE2;
|
||||
|
|
@ -711,34 +745,35 @@ instead.
|
|||
|
||||
*/
|
||||
|
||||
.ff-none { font-feature-settings: 'calt' 0, 'liga' 0; -webkit-font-feature-settings: 'calt' 0, 'liga' 0; -ms-font-feature-settings: 'calt' 0, 'liga' 0; -moz-font-feature-settings: 'calt' 0, 'liga' 0; }
|
||||
.ff-none { font-feature-settings: 'kern' 1, 'calt' 0, 'liga' 0; -webkit-font-feature-settings: 'kern' 1, 'calt' 0, 'liga' 0; -ms-font-feature-settings: 'kern' 1, 'calt' 0, 'liga' 0; -moz-font-feature-settings: 'kern' 1, 'calt' 0, 'liga' 0; }
|
||||
|
||||
.ff-dlig { font-feature-settings: 'dlig' 1; -webkit-font-feature-settings: 'dlig' 1; -ms-font-feature-settings: 'dlig' 1; -moz-font-feature-settings: 'dlig' 1; }
|
||||
.ff-numr { font-feature-settings: 'numr' 1; -webkit-font-feature-settings: 'numr' 1; -ms-font-feature-settings: 'numr' 1; -moz-font-feature-settings: 'numr' 1; }
|
||||
.ff-dnom { font-feature-settings: 'dnom' 1; -webkit-font-feature-settings: 'dnom' 1; -ms-font-feature-settings: 'dnom' 1; -moz-font-feature-settings: 'dnom' 1; }
|
||||
.ff-tnum { font-feature-settings: 'tnum' 1; -webkit-font-feature-settings: 'tnum' 1; -ms-font-feature-settings: 'tnum' 1; -moz-font-feature-settings: 'tnum' 1; }
|
||||
.ff-case { font-feature-settings: 'case' 1; -webkit-font-feature-settings: 'case' 1; -ms-font-feature-settings: 'case' 1; -moz-font-feature-settings: 'case' 1; }
|
||||
.ff-zero { font-feature-settings: 'zero' 1; -webkit-font-feature-settings: 'zero' 1; -ms-font-feature-settings: 'zero' 1; -moz-font-feature-settings: 'zero' 1; }
|
||||
.ff-frac { font-feature-settings: 'frac' 1; -webkit-font-feature-settings: 'frac' 1; -ms-font-feature-settings: 'frac' 1; -moz-font-feature-settings: 'frac' 1; }
|
||||
.ff-sups { font-feature-settings: 'sups' 1; -webkit-font-feature-settings: 'sups' 1; -ms-font-feature-settings: 'sups' 1; -moz-font-feature-settings: 'sups' 1; }
|
||||
.ff-subs { font-feature-settings: 'subs' 1; -webkit-font-feature-settings: 'subs' 1; -ms-font-feature-settings: 'subs' 1; -moz-font-feature-settings: 'subs' 1; }
|
||||
.ff-cpsp { font-feature-settings: 'cpsp' 1; -webkit-font-feature-settings: 'cpsp' 1; -ms-font-feature-settings: 'cpsp' 1; -moz-font-feature-settings: 'cpsp' 1; }
|
||||
.ff-calt { font-feature-settings: 'calt' 1; -webkit-font-feature-settings: 'calt' 1; -ms-font-feature-settings: 'calt' 1; -moz-font-feature-settings: 'calt' 1; }
|
||||
.ff-salt { font-feature-settings: 'salt' 1; -webkit-font-feature-settings: 'salt' 1; -ms-font-feature-settings: 'salt' 1; -moz-font-feature-settings: 'salt' 1; }
|
||||
.ff-salt-zero { font-feature-settings: 'salt' 1, 'zero' 1; }
|
||||
.ff-cv07-salt-zero { font-feature-settings: 'cv07' 1, 'salt' 1, 'zero' 1; }
|
||||
.ff-liga,
|
||||
.ff-calt { font-feature-settings: 'liga' 1, 'calt' 1; -webkit-font-feature-settings: 'liga' 1, 'calt' 1; -ms-font-feature-settings: 'liga' 1, 'calt' 1; -moz-font-feature-settings: 'liga' 1, 'calt' 1; }
|
||||
.ff-dlig { font-feature-settings: 'kern' 1, 'dlig' 1; -webkit-font-feature-settings: 'kern' 1, 'dlig' 1; -ms-font-feature-settings: 'kern' 1, 'dlig' 1; -moz-font-feature-settings: 'kern' 1, 'dlig' 1; }
|
||||
.ff-numr { font-feature-settings: 'kern' 1, 'numr' 1; -webkit-font-feature-settings: 'kern' 1, 'numr' 1; -ms-font-feature-settings: 'kern' 1, 'numr' 1; -moz-font-feature-settings: 'kern' 1, 'numr' 1; }
|
||||
.ff-dnom { font-feature-settings: 'kern' 1, 'dnom' 1; -webkit-font-feature-settings: 'kern' 1, 'dnom' 1; -ms-font-feature-settings: 'kern' 1, 'dnom' 1; -moz-font-feature-settings: 'kern' 1, 'dnom' 1; }
|
||||
.ff-tnum { font-feature-settings: 'kern' 1, 'tnum' 1; -webkit-font-feature-settings: 'kern' 1, 'tnum' 1; -ms-font-feature-settings: 'kern' 1, 'tnum' 1; -moz-font-feature-settings: 'kern' 1, 'tnum' 1; }
|
||||
.ff-case { font-feature-settings: 'kern' 1, 'case' 1; -webkit-font-feature-settings: 'kern' 1, 'case' 1; -ms-font-feature-settings: 'kern' 1, 'case' 1; -moz-font-feature-settings: 'kern' 1, 'case' 1; }
|
||||
.ff-zero { font-feature-settings: 'kern' 1, 'zero' 1; -webkit-font-feature-settings: 'kern' 1, 'zero' 1; -ms-font-feature-settings: 'kern' 1, 'zero' 1; -moz-font-feature-settings: 'kern' 1, 'zero' 1; }
|
||||
.ff-frac { font-feature-settings: 'kern' 1, 'frac' 1; -webkit-font-feature-settings: 'kern' 1, 'frac' 1; -ms-font-feature-settings: 'kern' 1, 'frac' 1; -moz-font-feature-settings: 'kern' 1, 'frac' 1; }
|
||||
.ff-sups { font-feature-settings: 'kern' 1, 'sups' 1; -webkit-font-feature-settings: 'kern' 1, 'sups' 1; -ms-font-feature-settings: 'kern' 1, 'sups' 1; -moz-font-feature-settings: 'kern' 1, 'sups' 1; }
|
||||
.ff-subs { font-feature-settings: 'kern' 1, 'subs' 1; -webkit-font-feature-settings: 'kern' 1, 'subs' 1; -ms-font-feature-settings: 'kern' 1, 'subs' 1; -moz-font-feature-settings: 'kern' 1, 'subs' 1; }
|
||||
.ff-cpsp { font-feature-settings: 'kern' 1, 'cpsp' 1; -webkit-font-feature-settings: 'kern' 1, 'cpsp' 1; -ms-font-feature-settings: 'kern' 1, 'cpsp' 1; -moz-font-feature-settings: 'kern' 1, 'cpsp' 1; }
|
||||
.ff-salt { font-feature-settings: 'kern' 1, 'salt' 1; -webkit-font-feature-settings: 'kern' 1, 'salt' 1; -ms-font-feature-settings: 'kern' 1, 'salt' 1; -moz-font-feature-settings: 'kern' 1, 'salt' 1; }
|
||||
.ff-salt-zero { font-feature-settings: 'kern' 1, 'salt' 1, 'zero' 1; }
|
||||
.ff-cv07-salt-zero { font-feature-settings: 'kern' 1, 'cv07' 1, 'salt' 1, 'zero' 1; }
|
||||
|
||||
.ff-ss01 { font-feature-settings: 'ss01' 1; -webkit-font-feature-settings: 'ss01' 1; -ms-font-feature-settings: 'ss01' 1; -moz-font-feature-settings: 'ss01' 1; }
|
||||
.ff-ss02 { font-feature-settings: 'ss02' 1; -webkit-font-feature-settings: 'ss02' 1; -ms-font-feature-settings: 'ss02' 1; -moz-font-feature-settings: 'ss02' 1; }
|
||||
.ff-ss03 { font-feature-settings: 'ss03' 1; -webkit-font-feature-settings: 'ss03' 1; -ms-font-feature-settings: 'ss03' 1; -moz-font-feature-settings: 'ss03' 1; }
|
||||
.ff-cv01 { font-feature-settings: 'cv01' 1; -webkit-font-feature-settings: 'cv01' 1; -ms-font-feature-settings: 'cv01' 1; -moz-font-feature-settings: 'cv01' 1; }
|
||||
.ff-cv02 { font-feature-settings: 'cv02' 1; -webkit-font-feature-settings: 'cv02' 1; -ms-font-feature-settings: 'cv02' 1; -moz-font-feature-settings: 'cv02' 1; }
|
||||
.ff-cv03 { font-feature-settings: 'cv03' 1; -webkit-font-feature-settings: 'cv03' 1; -ms-font-feature-settings: 'cv03' 1; -moz-font-feature-settings: 'cv03' 1; }
|
||||
.ff-cv04 { font-feature-settings: 'cv04' 1; -webkit-font-feature-settings: 'cv04' 1; -ms-font-feature-settings: 'cv04' 1; -moz-font-feature-settings: 'cv04' 1; }
|
||||
.ff-cv05 { font-feature-settings: 'cv05' 1; -webkit-font-feature-settings: 'cv05' 1; -ms-font-feature-settings: 'cv05' 1; -moz-font-feature-settings: 'cv05' 1; }
|
||||
.ff-cv06 { font-feature-settings: 'cv06' 1; -webkit-font-feature-settings: 'cv06' 1; -ms-font-feature-settings: 'cv06' 1; -moz-font-feature-settings: 'cv06' 1; }
|
||||
.ff-cv07 { font-feature-settings: 'cv07' 1; -webkit-font-feature-settings: 'cv07' 1; -ms-font-feature-settings: 'cv07' 1; -moz-font-feature-settings: 'cv07' 1; }
|
||||
.ff-cv08 { font-feature-settings: 'cv08' 1; -webkit-font-feature-settings: 'cv08' 1; -ms-font-feature-settings: 'cv08' 1; -moz-font-feature-settings: 'cv08' 1; }
|
||||
.ff-cv09 { font-feature-settings: 'cv09' 1; -webkit-font-feature-settings: 'cv09' 1; -ms-font-feature-settings: 'cv09' 1; -moz-font-feature-settings: 'cv09' 1; }
|
||||
.ff-cv10 { font-feature-settings: 'cv10' 1; -webkit-font-feature-settings: 'cv10' 1; -ms-font-feature-settings: 'cv10' 1; -moz-font-feature-settings: 'cv10' 1; }
|
||||
.ff-cv11 { font-feature-settings: 'cv11' 1; -webkit-font-feature-settings: 'cv11' 1; -ms-font-feature-settings: 'cv11' 1; -moz-font-feature-settings: 'cv11' 1; }
|
||||
.ff-ss01 { font-feature-settings: 'kern' 1, 'ss01' 1; -webkit-font-feature-settings: 'kern' 1, 'ss01' 1; -ms-font-feature-settings: 'kern' 1, 'ss01' 1; -moz-font-feature-settings: 'kern' 1, 'ss01' 1; }
|
||||
.ff-ss02 { font-feature-settings: 'kern' 1, 'ss02' 1; -webkit-font-feature-settings: 'kern' 1, 'ss02' 1; -ms-font-feature-settings: 'kern' 1, 'ss02' 1; -moz-font-feature-settings: 'kern' 1, 'ss02' 1; }
|
||||
.ff-ss03 { font-feature-settings: 'kern' 1, 'ss03' 1; -webkit-font-feature-settings: 'kern' 1, 'ss03' 1; -ms-font-feature-settings: 'kern' 1, 'ss03' 1; -moz-font-feature-settings: 'kern' 1, 'ss03' 1; }
|
||||
.ff-cv01 { font-feature-settings: 'kern' 1, 'cv01' 1; -webkit-font-feature-settings: 'kern' 1, 'cv01' 1; -ms-font-feature-settings: 'kern' 1, 'cv01' 1; -moz-font-feature-settings: 'kern' 1, 'cv01' 1; }
|
||||
.ff-cv02 { font-feature-settings: 'kern' 1, 'cv02' 1; -webkit-font-feature-settings: 'kern' 1, 'cv02' 1; -ms-font-feature-settings: 'kern' 1, 'cv02' 1; -moz-font-feature-settings: 'kern' 1, 'cv02' 1; }
|
||||
.ff-cv03 { font-feature-settings: 'kern' 1, 'cv03' 1; -webkit-font-feature-settings: 'kern' 1, 'cv03' 1; -ms-font-feature-settings: 'kern' 1, 'cv03' 1; -moz-font-feature-settings: 'kern' 1, 'cv03' 1; }
|
||||
.ff-cv04 { font-feature-settings: 'kern' 1, 'cv04' 1; -webkit-font-feature-settings: 'kern' 1, 'cv04' 1; -ms-font-feature-settings: 'kern' 1, 'cv04' 1; -moz-font-feature-settings: 'kern' 1, 'cv04' 1; }
|
||||
.ff-cv05 { font-feature-settings: 'kern' 1, 'cv05' 1; -webkit-font-feature-settings: 'kern' 1, 'cv05' 1; -ms-font-feature-settings: 'kern' 1, 'cv05' 1; -moz-font-feature-settings: 'kern' 1, 'cv05' 1; }
|
||||
.ff-cv06 { font-feature-settings: 'kern' 1, 'cv06' 1; -webkit-font-feature-settings: 'kern' 1, 'cv06' 1; -ms-font-feature-settings: 'kern' 1, 'cv06' 1; -moz-font-feature-settings: 'kern' 1, 'cv06' 1; }
|
||||
.ff-cv07 { font-feature-settings: 'kern' 1, 'cv07' 1; -webkit-font-feature-settings: 'kern' 1, 'cv07' 1; -ms-font-feature-settings: 'kern' 1, 'cv07' 1; -moz-font-feature-settings: 'kern' 1, 'cv07' 1; }
|
||||
.ff-cv08 { font-feature-settings: 'kern' 1, 'cv08' 1; -webkit-font-feature-settings: 'kern' 1, 'cv08' 1; -ms-font-feature-settings: 'kern' 1, 'cv08' 1; -moz-font-feature-settings: 'kern' 1, 'cv08' 1; }
|
||||
.ff-cv09 { font-feature-settings: 'kern' 1, 'cv09' 1; -webkit-font-feature-settings: 'kern' 1, 'cv09' 1; -ms-font-feature-settings: 'kern' 1, 'cv09' 1; -moz-font-feature-settings: 'kern' 1, 'cv09' 1; }
|
||||
.ff-cv10 { font-feature-settings: 'kern' 1, 'cv10' 1; -webkit-font-feature-settings: 'kern' 1, 'cv10' 1; -ms-font-feature-settings: 'kern' 1, 'cv10' 1; -moz-font-feature-settings: 'kern' 1, 'cv10' 1; }
|
||||
.ff-cv11 { font-feature-settings: 'kern' 1, 'cv11' 1; -webkit-font-feature-settings: 'kern' 1, 'cv11' 1; -ms-font-feature-settings: 'kern' 1, 'cv11' 1; -moz-font-feature-settings: 'kern' 1, 'cv11' 1; }
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ endfor
|
|||
</livesample>
|
||||
|
||||
<livesample data-ctxedit="sample-100-1" spellcheck="false"
|
||||
style="font-weight:100;font-size:120px;line-height:1.0;letter-spacing:-0.05em" contenteditable>
|
||||
style="font-weight:100;font-size:120px;line-height:1.0;letter-spacing:-0.05em;background:var(--yellow);display:inline-block;padding:0.2em 0.3em;text-align:center" contenteditable>
|
||||
XP–45 SERVICE
|
||||
</livesample>
|
||||
|
||||
|
|
|
|||
Reference in a new issue