1
1
mirror of https://github.com/rsms/inter.git synced 2024-09-19 06:40:16 +03:00
This commit is contained in:
Rasmus Andersson 2019-05-26 17:19:55 -07:00
parent 3b82d38170
commit 2a6051f020
72 changed files with 203659 additions and 190545 deletions

View File

@ -1,18 +1,18 @@
[
{
"head": {
"checkSumAdjustment": 2936382136,
"created": 3637010719,
"checkSumAdjustment": 2632953269,
"created": 3641760610,
"flags": 27,
"fontDirectionHint": 2,
"fontRevision": 3.005,
"fontRevision": 3.006,
"glyphDataFormat": 0,
"indexToLocFormat": 0,
"lowestRecPPEM": 6,
"macStyle": [],
"macStyle_raw": 0,
"magicNumber": 1594834165,
"modified": 3637010781,
"modified": 3641760678,
"tableVersion": 1.0,
"unitsPerEm": 2816,
"xMax": 4650,
@ -31,18 +31,18 @@
"metricDataFormat": 0,
"minLeftSideBearing": -2080,
"minRightSideBearing": -1440,
"numberOfHMetrics": 2402,
"numberOfHMetrics": 2398,
"tableVersion": 65536,
"xMaxExtent": 4650
},
"id": "Inter Regular:2019:f04932174",
"id": "Inter Regular:2019:3b82d3817",
"name": "Inter-Regular",
"names": {
"copyright": "Copyright 2019 The Inter project authors",
"designer": "Rasmus Andersson",
"designerURL": "https://rsms.me/",
"familyName": "Inter",
"fontId": "Inter Regular:2019:f04932174",
"fontId": "Inter Regular:2019:3b82d3817",
"fullName": "Inter Regular",
"licenseDescription": "OFL 1.1 (SIL Open Font License, Version 1.1)",
"licenseURL": "http://scripts.sil.org/OFL",
@ -51,7 +51,7 @@
"subfamilyName": "Regular",
"trademark": "Inter UI and Inter is a trademark of rsms.",
"vendorURL": "https://rsms.me/",
"version": "Version 3.005;git-f04932174"
"version": "Version 3.006;git-3b82d3817"
},
"os/2": {
"achVendID": "RSMS",
@ -95,7 +95,7 @@
"usWinAscent": 2728,
"usWinDescent": 680,
"version": 4,
"xAvgCharWidth": 1697,
"xAvgCharWidth": 1699,
"yStrikeoutPosition": 922,
"yStrikeoutSize": 192,
"ySubscriptXOffset": 0,
@ -118,6 +118,6 @@
"underlinePosition": -464,
"underlineThickness": 192
},
"version": "3.5"
"version": "3.6"
}
]

2410
docs/_data/glyphinfo.json Normal file

File diff suppressed because it is too large Load Diff

View File

@ -5,5 +5,5 @@ assign url_root = "/" %}{% else %}{%
assign url_root = "/inter/" %}{% endif %}{%
assign font_v = site.data.fontinfo[0].version
%}<link rel="preload" href="{{url_root}}font-files/Inter-upright.var.woff2?v=3.5" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="{{url_root}}font-files/Inter-italic.var.woff2?v=3.5" as="font" type="font/woff2" crossorigin="anonymous">
%}<link rel="preload" href="{{url_root}}font-files/Inter-upright.var.woff2?v=3.6" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="{{url_root}}font-files/Inter-italic.var.woff2?v=3.6" as="font" type="font/woff2" crossorigin="anonymous">

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.

View File

@ -1,4 +1,4 @@
h1 .glyph-name {}
h1 > a { display:inline; }
h1 .glyph-name:before {
content: " / ";
color: rgba(0,0,0,0.2);

View File

@ -324,25 +324,21 @@ function render() {
rootEl.style.display = 'none'
rootEl.innerText = ''
// glyphInfo: {
// "glyphs": [
// // <=v2.5:
// [name :string, unicode? :int|null, unicodeName? :string, color? :string|null],
// // >=v2.6: (has mtime)
// [name :string, unicode? :int|null, unicodeName? :string, mtime? :string, color? :string|null],
// ["A", 65, "LATIN CAPITAL LETTER A", "#dbeaf7"],
// glyphinfo.json:
// { "glyphs": [
// [name :string, isEmpty: 1|0, unicode? :string|null,
// unicodeName? :string, color? :string|null],
// ["A", 0, 65, "LATIN CAPITAL LETTER A", "#dbeaf7"],
// ...
// ],
// }
// ]}
//
// Note: Glyph names might appear multiple times (always adjacent) when a glyph is
// represented by multiple Unicode code points. For example:
//
// ["Delta", 916, "GREEK CAPITAL LETTER DELTA"],
// ["Delta", 8710, "INCREMENT"],
// ["Delta", 0, "U+0916", "GREEK CAPITAL LETTER DELTA"],
// ["Delta", 0, "U+8710", "INCREMENT"],
//
var glyphs = glyphInfo
var singleGlyph = null
var lastGlyphEl = null
var lastGlyphName = ''
@ -390,18 +386,11 @@ function renderGlyphGraphic(glyphName) {
function renderGlyphGraphicG(g, lastGlyphName, lastGlyphEl, singleGlyph) {
let name = g[0], uc = g[1], ucName = g[2], mtime = g[3], color = g[4]
// let [name, isEmpty, uc, ucName, color] = g
let name = g[0], /*isEmpty = g[1],*/ uc = g[2], ucName = g[3], color = g[4]
var names, glyph
var svg = svgRepository[name]
// XXX compatibility with v2.5 (remove when moving to v2.6)
// glyphinfo for 2.5 doesn't contain mtime.
if (mtime && typeof mtime == 'string' &&
(mtime.indexOf('rgba') != -1 || mtime.indexOf('#') != -1)) {
color = mtime
mtime = null
}
if (!svg) {
// ignore
return null
@ -416,7 +405,6 @@ function renderGlyphGraphicG(g, lastGlyphName, lastGlyphEl, singleGlyph) {
name: name,
unicode: uc,
unicodeName: ucName,
// mtime: mtime,
color: color,
// These are all in 1:1 UPM (not scaled)
@ -434,8 +422,8 @@ function renderGlyphGraphicG(g, lastGlyphName, lastGlyphEl, singleGlyph) {
names = glyph.querySelector('.names')
names.innerText += ','
if (info.unicode) {
var ucid = ' U+' + fmthex(info.unicode)
names.innerText += ' U+' + fmthex(info.unicode)
var ucid = ' U+' + info.unicode
names.innerText += ' U+' + info.unicode
if (!queryString.g) {
glyph.title += ucid
}
@ -493,8 +481,8 @@ function renderGlyphGraphicG(g, lastGlyphName, lastGlyphEl, singleGlyph) {
names.className = 'names'
names.innerText = name
if (info.unicode) {
var ucid = ' U+' + fmthex(info.unicode)
names.innerText += ' U+' + fmthex(info.unicode, 4)
var ucid = ' U+' + info.unicode
names.innerText += ' U+' + info.unicode
if (!queryString.g) {
glyph.title += ucid
}
@ -543,11 +531,11 @@ function renderSingleInfo(g) {
function configureUnicodeView(el, g) {
var a = el.querySelector('a')
if (g.unicode) {
a.href = "https://codepoints.net/U+" + fmthex(g.unicode, 4)
a.href = "https://codepoints.net/U+" + g.unicode
} else {
a.href = ''
}
setv(el, 'unicodeCodePoint', g.unicode ? 'U+' + fmthex(g.unicode, 4) : '')
setv(el, 'unicodeCodePoint', g.unicode ? 'U+' + g.unicode : '')
setv(el, 'unicodeName', g.unicodeName || '')
}

View File

@ -67,7 +67,6 @@ endfor
<svg id="svg-Blinebelow" xmlns="http://www.w3.org/2000/svg" width="143" height="350"><path d="M248 0H988C1472 0 1672 -236 1672 -544C1672 -868 1448 -1044 1260 -1056V-1076C1436 -1124 1592 -1240 1592 -1504C1592 -1804 1392 -2048 964 -2048H248ZM496 -220V-932H1000C1268 -932 1436 -752 1436 -544C1436 -364 1312 -220 988 -220ZM496 -1148V-1828H964C1236 -1828 1356 -1684 1356 -1504C1356 -1288 1180 -1148 956 -1148ZM1356 252H420V452H1356Z" transform="translate(-24.8 281.6) scale(0.1)"/></svg>
<svg id="svg-Btopbar" xmlns="http://www.w3.org/2000/svg" width="145" height="350"><path d="M248 0H1016C1456 0 1696 -248 1696 -604C1696 -960 1456 -1188 1016 -1188H496V-1828H1484V-2048H248ZM496 -216V-968H1016C1296 -968 1452 -804 1452 -608C1452 -408 1296 -216 1016 -216Z" transform="translate(-24.8 281.6) scale(0.1)"/></svg>
<svg id="svg-C" xmlns="http://www.w3.org/2000/svg" width="173" height="350"><path d="M1896 -1408C1820 -1828 1484 -2076 1072 -2076C548 -2076 168 -1672 168 -1024C168 -376 548 28 1072 28C1484 28 1820 -220 1896 -640H1648C1588 -356 1344 -204 1072 -204C700 -204 408 -492 408 -1024C408 -1556 700 -1844 1072 -1844C1344 -1844 1588 -1692 1648 -1408Z" transform="translate(-16.8 281.6) scale(0.1)"/></svg>
<svg id="svg-CR" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-Cacute" xmlns="http://www.w3.org/2000/svg" width="173" height="350"><path d="M1896 -1408C1820 -1828 1484 -2076 1072 -2076C548 -2076 168 -1672 168 -1024C168 -376 548 28 1072 28C1484 28 1820 -220 1896 -640H1648C1588 -356 1344 -204 1072 -204C700 -204 408 -492 408 -1024C408 -1556 700 -1844 1072 -1844C1344 -1844 1588 -1692 1648 -1408ZM964 -2256H1172L1484 -2720H1208Z" transform="translate(-16.8 281.6) scale(0.1)"/></svg>
<svg id="svg-Ccaron" xmlns="http://www.w3.org/2000/svg" width="173" height="350"><path d="M1896 -1408C1820 -1828 1484 -2076 1072 -2076C548 -2076 168 -1672 168 -1024C168 -376 548 28 1072 28C1484 28 1820 -220 1896 -640H1648C1588 -356 1344 -204 1072 -204C700 -204 408 -492 408 -1024C408 -1556 700 -1844 1072 -1844C1344 -1844 1588 -1692 1648 -1408ZM864 -2664H640V-2648L964 -2232H1180L1504 -2648V-2664H1280L1072 -2384Z" transform="translate(-16.8 281.6) scale(0.1)"/></svg>
<svg id="svg-Ccedilla" xmlns="http://www.w3.org/2000/svg" width="173" height="350"><path d="M1896 -1408C1820 -1828 1484 -2076 1072 -2076C548 -2076 168 -1672 168 -1024C168 -420.9561 497.1027 -29.2307 965.098 22.2199L928 204C1080 216 1144 240 1144 332C1144 424 1052 460 928 460L936 616C1212 616 1356 496 1356 324C1356 168 1252 104 1148 88L1160.7842 24.0788C1531.5874 -9.0563 1825.5381 -250.605 1896 -640H1648C1588 -356 1344 -204 1072 -204C700 -204 408 -492 408 -1024C408 -1556 700 -1844 1072 -1844C1344 -1844 1588 -1692 1648 -1408Z" transform="translate(-16.8 281.6) scale(0.1)"/></svg>
@ -706,8 +705,8 @@ endfor
<svg id="svg-brokenCircleNorthWestArrow" xmlns="http://www.w3.org/2000/svg" width="205" height="350"><path d="M1344 -1828C1789 -1828 2147 -1469 2148 -1024C2149 -579 1789 -220 1344 -220C900 -220 539 -580 540 -1024H320C319 -458 779 0 1344 0C1911 0 2369 -458 2368 -1024C2367 -1590 1911 -2048 1344 -2048ZM320 -1344 596 -1620 1268 -948 1420 -1100 748 -1772 1024 -2048H320Z" transform="translate(-31.9998 281.6) scale(0.1)"/></svg>
<svg id="svg-brokenbar" xmlns="http://www.w3.org/2000/svg" width="22" height="350"><path d="M264 -552V384H484V-552ZM484 -2048H264V-1116H484Z" transform="translate(-26.4 281.6) scale(0.1)"/></svg>
<svg id="svg-btopbar" xmlns="http://www.w3.org/2000/svg" width="136" height="350"><path d="M1400 -2048H248V0H476V-236H504C556 -152 656 32 952 32C1336 32 1604 -276 1604 -764C1604 -1248 1336 -1556 948 -1556C648 -1556 556 -1372 504 -1292H484V-1828H1400ZM480 -768C480 -1112 632 -1344 920 -1344C1220 -1344 1368 -1092 1368 -768C1368 -440 1216 -180 920 -180C636 -180 480 -420 480 -768Z" transform="translate(-24.8 281.6) scale(0.1)"/></svg>
<svg id="svg-bullet" xmlns="http://www.w3.org/2000/svg" width="88" height="350"><path d="M640 -376C883 -376 1080 -573 1080 -816C1080 -1059 883 -1256 640 -1256C397 -1256 200 -1059 200 -816C200 -573 397 -376 640 -376Z" transform="translate(-20 281.6) scale(0.1)"/></svg>
<svg id="svg-bullet.case" xmlns="http://www.w3.org/2000/svg" width="88" height="350"><path d="M640 -584C883 -584 1080 -781 1080 -1024C1080 -1267 883 -1464 640 -1464C397 -1464 200 -1267 200 -1024C200 -781 397 -584 640 -584Z" transform="translate(-20 281.6) scale(0.1)"/></svg>
<svg id="svg-bullet" xmlns="http://www.w3.org/2000/svg" width="88" height="350"><path d="M792 -376C1035 -376 1232 -573 1232 -816C1232 -1059 1035 -1256 792 -1256C549 -1256 352 -1059 352 -816C352 -573 549 -376 792 -376Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
<svg id="svg-bullet.case" xmlns="http://www.w3.org/2000/svg" width="88" height="350"><path d="M792 -584C1035 -584 1232 -781 1232 -1024C1232 -1267 1035 -1464 792 -1464C549 -1464 352 -1267 352 -1024C352 -781 549 -584 792 -584Z" transform="translate(-35.2 281.6) scale(0.1)"/></svg>
<svg id="svg-bullseye" xmlns="http://www.w3.org/2000/svg" width="181" height="350"><path d="M1976 -1024C1976 -1672 1596 -2076 1072 -2076C548 -2076 168 -1672 168 -1024C168 -376 548 28 1072 28C1596 28 1976 -376 1976 -1024ZM1736 -1024C1736 -492 1444 -204 1072 -204C700 -204 408 -492 408 -1024C408 -1556 700 -1844 1072 -1844C1444 -1844 1736 -1556 1736 -1024ZM1072 -848C1171 -848 1252 -929 1252 -1028C1252 -1127 1171 -1208 1072 -1208C973 -1208 892 -1127 892 -1028C892 -929 973 -848 1072 -848Z" transform="translate(-16.8 281.6) scale(0.1)"/></svg>
<svg id="svg-c" xmlns="http://www.w3.org/2000/svg" width="130" height="350"><path d="M840 32C1180 32 1404 -176 1444 -448H1208C1164 -280 1024 -180 840 -180C560 -180 380 -412 380 -768C380 -1116 564 -1344 840 -1344C1048 -1344 1172 -1216 1208 -1076H1444C1404 -1364 1160 -1556 836 -1556C420 -1556 144 -1228 144 -760C144 -300 408 32 840 32Z" transform="translate(-14.4 281.6) scale(0.1)"/></svg>
<svg id="svg-c.subs" xmlns="http://www.w3.org/2000/svg" width="92" height="350"><path d="M564 372C812 372 976 224 996 4H792C772 136 672 200 568 200C408 200 300 60 300 -160C300 -376 412 -516 568 -516C696 -516 776 -424 792 -320H996C976 -540 804 -684 564 -684C272 -684 84 -464 84 -156C84 152 272 372 564 372Z" transform="translate(-8.4 281.6) scale(0.1)"/></svg>
@ -779,8 +778,6 @@ endfor
<svg id="svg-commaturnedmod" xmlns="http://www.w3.org/2000/svg" width="41" height="350"><path d="M172 -1356H444V-1612C444 -1772 492 -1908 580 -2040L424 -2144C264 -2008 172 -1784 172 -1608Z" transform="translate(-17.2 281.6) scale(0.1)"/></svg>
<svg id="svg-commaturnsupnosp" xmlns="http://www.w3.org/2000/svg" width="41" height="350"><path d="M-948 -1356H-676V-1612C-676 -1772 -628 -1908 -544 -2040L-700 -2144C-856 -2008 -948 -1788 -948 -1608Z" transform="translate(94.8 281.6) scale(0.1)"/></svg>
<svg id="svg-control" xmlns="http://www.w3.org/2000/svg" width="164" height="350"><path d="M452 -1096 1120 -1762 1788 -1096 1940 -1248 1120 -2068 300 -1248Z" transform="translate(-30 281.6) scale(0.1)"/></svg>
<svg id="svg-controlHT" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-controlSOT" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-copyright" xmlns="http://www.w3.org/2000/svg" width="196" height="350"><path d="M168 -1004C168 -420 608 28 1144 28C1684 28 2120 -420 2120 -1004C2120 -1584 1684 -2032 1144 -2032C608 -2032 168 -1584 168 -1004ZM336 -1004C336 -1488 700 -1860 1144 -1860C1592 -1860 1952 -1488 1952 -1004C1952 -516 1592 -144 1144 -144C700 -144 336 -516 336 -1004ZM1372 -820C1372 -640 1288 -572 1128 -572C952 -572 860 -716 860 -920V-1084C860 -1288 952 -1432 1128 -1432C1288 -1432 1376 -1360 1376 -1184H1588C1588 -1472 1408 -1616 1128 -1616C832 -1616 648 -1400 648 -1084V-920C648 -604 832 -388 1128 -388C1408 -388 1588 -532 1588 -820Z" transform="translate(-16.8 281.6) scale(0.1)"/></svg>
<svg id="svg-crossbar" xmlns="http://www.w3.org/2000/svg" width="88" height="350"><path d="M192 -900H1072V-1084H192Z" transform="translate(-19.2 281.6) scale(0.1)"/></svg>
<svg id="svg-cruzeiro" xmlns="http://www.w3.org/2000/svg" width="173" height="350"><path d="M1768 -1120C1720 -1148 1644 -1176 1564 -1176C1384 -1176 1216 -1036 1172 -888H1156V-1152H920V-221.0561C623.4565 -290.073 408 -567.017 408 -1024C408 -1556 700 -1844 1072 -1844C1344 -1844 1588 -1692 1648 -1408H1896C1820 -1828 1484 -2076 1072 -2076C548 -2076 168 -1672 168 -1024C168 -376 548 28 1072 28C1484 28 1820 -220 1896 -640H1648C1594.2566 -385.6147 1392.8866 -237.1356 1156 -208.9358V-484C1160 -692 1304 -932 1556 -932C1624 -932 1664 -912 1688 -900Z" transform="translate(-16.8 281.6) scale(0.1)"/></svg>
@ -805,6 +802,7 @@ endfor
<svg id="svg-dcroat" xmlns="http://www.w3.org/2000/svg" width="158" height="350"><path d="M796 32C1092 32 1192 -152 1244 -236H1272V0H1500V-1668H1720V-1852H1500V-2048H1264V-1852H840V-1668H1264V-1292H1244C1192 -1372 1100 -1556 800 -1556C412 -1556 144 -1248 144 -764C144 -276 412 32 796 32ZM828 -180C532 -180 380 -440 380 -768C380 -1092 528 -1344 828 -1344C1116 -1344 1268 -1112 1268 -768C1268 -420 1112 -180 828 -180Z" transform="translate(-14.4 281.6) scale(0.1)"/></svg>
<svg id="svg-ddotaccent" xmlns="http://www.w3.org/2000/svg" width="136" height="350"><path d="M796 32C1092 32 1192 -152 1244 -236H1272V0H1500V-2048H1264V-1292H1244C1192 -1372 1100 -1556 800 -1556C412 -1556 144 -1248 144 -764C144 -276 412 32 796 32ZM828 -180C532 -180 380 -440 380 -768C380 -1092 528 -1344 828 -1344C1116 -1344 1268 -1112 1268 -768C1268 -420 1112 -180 828 -180ZM804 -1792C896 -1792 972 -1864 972 -1952C972 -2040 896 -2112 804 -2112C712 -2112 636 -2040 636 -1952C636 -1864 712 -1792 804 -1792Z" transform="translate(-14.4 281.6) scale(0.1)"/></svg>
<svg id="svg-ddotbelow" xmlns="http://www.w3.org/2000/svg" width="136" height="350"><path d="M796 32C1092 32 1192 -152 1244 -236H1272V0H1500V-2048H1264V-1292H1244C1192 -1372 1100 -1556 800 -1556C412 -1556 144 -1248 144 -764C144 -276 412 32 796 32ZM828 -180C532 -180 380 -440 380 -768C380 -1092 528 -1344 828 -1344C1116 -1344 1268 -1112 1268 -768C1268 -420 1112 -180 828 -180ZM816 508C908 508 984 436 984 348C984 260 908 188 816 188C724 188 648 260 648 348C648 436 724 508 816 508Z" transform="translate(-14.4 281.6) scale(0.1)"/></svg>
<svg id="svg-debug1" xmlns="http://www.w3.org/2000/svg" width="282" height="350"><path d="M0 -256V0H512V-256ZM2304 -256V0H2816V-256ZM1280 -1024V-512H1536V-1024ZM0 -896V-768H512V-640H1024V-768H512V-896ZM2304 -896V-768H1792V-640H2304V-768H2816V-896ZM0 -1536V-1280H512V-1536ZM2304 -1536V-1280H2816V-1536ZM0 256V512H256V256ZM2560 256V512H2816V256ZM0 -2048V-1792H256V-2048ZM2560 -2048V-1792H2816V-2048ZM1636 608 1608 640H2032L2004 608ZM1636 -32 1608 0H2032L2004 -32ZM1636 -1504H2004L2032 -1536H1608ZM1636 -2016H2004L2032 -2048H1608ZM1636 -2656H2004L2032 -2688H1608Z" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-decyrillic" xmlns="http://www.w3.org/2000/svg" width="161" height="350"><path d="M52 440H288V0H1424V440H1660V-220H1424V-1536H448L396 -928C359 -498 304 -350 180 -220H52ZM448 -220C556 -362 595 -607 628 -928L668 -1316H1188V-220Z" transform="translate(-5.2 281.6) scale(0.1)"/></svg>
<svg id="svg-degree" xmlns="http://www.w3.org/2000/svg" width="92" height="350"><path d="M640 -1144C894 -1144 1100 -1350 1100 -1604C1100 -1858 894 -2064 640 -2064C386 -2064 180 -1858 180 -1604C180 -1350 386 -1144 640 -1144ZM640 -1344C496 -1344 380 -1460 380 -1604C380 -1748 496 -1864 640 -1864C784 -1864 900 -1748 900 -1604C900 -1460 784 -1344 640 -1344Z" transform="translate(-18 281.6) scale(0.1)"/></svg>
<svg id="svg-degreecentigrade" xmlns="http://www.w3.org/2000/svg" width="297" height="350"><path d="M3144 -1408C3068 -1828 2732 -2076 2320 -2076C1796 -2076 1416 -1672 1416 -1024C1416 -376 1796 28 2320 28C2732 28 3068 -220 3144 -640H2896C2836 -356 2592 -204 2320 -204C1948 -204 1656 -492 1656 -1024C1656 -1556 1948 -1844 2320 -1844C2592 -1844 2836 -1692 2896 -1408ZM640 -1144C894 -1144 1100 -1350 1100 -1604C1100 -1858 894 -2064 640 -2064C386 -2064 180 -1858 180 -1604C180 -1350 386 -1144 640 -1144ZM640 -1344C496 -1344 380 -1460 380 -1604C380 -1748 496 -1864 640 -1864C784 -1864 900 -1748 900 -1604C900 -1460 784 -1344 640 -1344Z" transform="translate(-18 281.6) scale(0.1)"/></svg>
@ -1241,6 +1239,7 @@ endfor
<svg id="svg-mcapturn" xmlns="http://www.w3.org/2000/svg" width="209" height="350"><path d="M1193.3584 -240.1641C1271.8259 -43.8748 1425.7976 28 1624 28C1819.485 28 1958.0378 -42.7061 2049.3376 -162.1201L2056 0H2316V-2004H2044V-499.7463C2002.1945 -321.9842 1890.4419 -200 1668 -200C1540 -200 1408 -280 1408 -608V-2004H1136V-608C1136 -570.2281 1137.2137 -534.4626 1139.5924 -500.6215C1096.8271 -322.3847 982.8068 -200 760 -200C632 -200 504 -280 504 -608V-2004H228V-608C228 -132 420 28 716 28C950.9249 28 1104.9536 -74.1147 1193.3584 -240.1641Z" transform="translate(-22.8 281.6) scale(0.1)"/></svg>
<svg id="svg-mdotaccent" xmlns="http://www.w3.org/2000/svg" width="202" height="350"><path d="M216 0H452V-960C452 -1185 616 -1344 800 -1344C979 -1344 1104 -1227 1104 -1052V0H1344V-1000C1344 -1198 1468 -1344 1684 -1344C1852 -1344 1996 -1255 1996 -1028V0H2232V-1028C2232 -1389 2038 -1556 1764 -1556C1544 -1556 1383 -1455 1304 -1296H1288C1212 -1460 1078 -1556 876 -1556C676 -1556 528 -1460 464 -1296H444V-1536H216ZM1224 -1792C1316 -1792 1392 -1864 1392 -1952C1392 -2040 1316 -2112 1224 -2112C1132 -2112 1056 -2040 1056 -1952C1056 -1864 1132 -1792 1224 -1792Z" transform="translate(-21.6 281.6) scale(0.1)"/></svg>
<svg id="svg-mdotbelow" xmlns="http://www.w3.org/2000/svg" width="202" height="350"><path d="M216 0H452V-960C452 -1185 616 -1344 800 -1344C979 -1344 1104 -1227 1104 -1052V0H1344V-1000C1344 -1198 1468 -1344 1684 -1344C1852 -1344 1996 -1255 1996 -1028V0H2232V-1028C2232 -1389 2038 -1556 1764 -1556C1544 -1556 1383 -1455 1304 -1296H1288C1212 -1460 1078 -1556 876 -1556C676 -1556 528 -1460 464 -1296H444V-1536H216ZM1224 508C1316 508 1392 436 1392 348C1392 260 1316 188 1224 188C1132 188 1056 260 1056 348C1056 436 1132 508 1224 508Z" transform="translate(-21.6 281.6) scale(0.1)"/></svg>
<svg id="svg-mediumspace-math" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-mhook" xmlns="http://www.w3.org/2000/svg" width="202" height="350"><path d="M216 0H452V-960C452 -1185 616 -1344 800 -1344C979 -1344 1104 -1227 1104 -1052V0H1344V-1000C1344 -1198 1468 -1344 1684 -1344C1852 -1344 1996 -1255 1996 -1028V164C1996 324 1900 372 1772 372C1744 372 1716 368 1696 364V564C1732 576 1784 576 1832 576C2056 576 2232 428 2232 164V-1028C2232 -1389 2038 -1556 1764 -1556C1544 -1556 1383 -1455 1304 -1296H1288C1212 -1460 1078 -1556 876 -1556C676 -1556 528 -1460 464 -1296H444V-1536H216Z" transform="translate(-21.6 281.6) scale(0.1)"/></svg>
<svg id="svg-micro" xmlns="http://www.w3.org/2000/svg" width="132" height="350"><path d="M216 576H452V-228H464C548 -66 705 20 876 20C1047 20 1205 -66 1288 -228H1300V0H1536V-1536H1300V-628C1300 -380 1132 -208 876 -208C620 -208 452 -378 452 -628V-1536H216Z" transform="translate(-21.6 281.6) scale(0.1)"/></svg>
<svg id="svg-mill" xmlns="http://www.w3.org/2000/svg" width="198" height="350"><path d="M1584 -1760H1348L1199.0209 -1389.088C1123.1038 -1487.1122 1011.1072 -1556 868 -1556C672 -1556 512 -1408 468 -1276H452V-1536H216V0H452V-916C452 -1168 624 -1328 804 -1328C953.241 -1328 1054.2985 -1258.736 1078.4292 -1088.8521L572 172H812L1084 -508.7047V0H1324V-964C1324 -1180 1444 -1328 1652 -1328C1780 -1328 1952 -1252 1952 -1012V0H2188V-1004C2188 -1380 1980 -1556 1724 -1556C1631.4928 -1556 1547.172 -1530.7584 1476.9542 -1492.1082Z" transform="translate(-21.6 281.6) scale(0.1)"/></svg>
@ -1262,6 +1261,7 @@ endfor
<svg id="svg-n.sups" xmlns="http://www.w3.org/2000/svg" width="88" height="350"><path d="M344 -1640C344 -1788 440 -1880 572 -1880C704 -1880 792 -1792 792 -1648V-1024H1004V-1684C1004 -1916 860 -2060 652 -2060C508 -2060 392 -1988 344 -1872H336V-2048H132V-1024H344Z" transform="translate(-13.2 281.6) scale(0.1)"/></svg>
<svg id="svg-nacute" xmlns="http://www.w3.org/2000/svg" width="122" height="350"><path d="M452 -924C452 -1192 618 -1344 844 -1344C1063 -1344 1196 -1201 1196 -960V0H1432V-976C1432 -1368 1223 -1556 912 -1556C680 -1556 536 -1452 464 -1296H444V-1536H216V0H452ZM716 -1744H924L1236 -2208H960Z" transform="translate(-21.6 281.6) scale(0.1)"/></svg>
<svg id="svg-naira" xmlns="http://www.w3.org/2000/svg" width="204" height="350"><path d="M2104 -1300H1896V-2048H1652V-1300H1031.7023L512 -2048H272V-1300H64V-1100H272V-868H64V-668H272V0H520V-668H1192.3881L1656 0H1896V-668H2104V-868H1896V-1100H2104ZM892.5671 -1100 1053.582 -868H520V-1100ZM1652 -1100V-868H1331.8511L1170.66 -1100ZM520 -1300V-1608H540L753.7612 -1300ZM1470.809 -668H1652V-436H1632Z" transform="translate(-6.4 281.6) scale(0.1)"/></svg>
<svg id="svg-narrownbspace" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-nbspace" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-ncaron" xmlns="http://www.w3.org/2000/svg" width="122" height="350"><path d="M452 -924C452 -1192 618 -1344 844 -1344C1063 -1344 1196 -1201 1196 -960V0H1432V-976C1432 -1368 1223 -1556 912 -1556C680 -1556 536 -1452 464 -1296H444V-1536H216V0H452ZM616 -2152H392V-2136L716 -1720H932L1256 -2136V-2152H1032L824 -1872Z" transform="translate(-21.6 281.6) scale(0.1)"/></svg>
<svg id="svg-ncircumflexbelow" xmlns="http://www.w3.org/2000/svg" width="122" height="350"><path d="M452 -924C452 -1192 618 -1344 844 -1344C1063 -1344 1196 -1201 1196 -960V0H1432V-976C1432 -1368 1223 -1556 912 -1556C680 -1556 536 -1452 464 -1296H444V-1536H216V0H452ZM616 560 824 280 1032 560H1256V544L932 128H716L392 544V560Z" transform="translate(-21.6 281.6) scale(0.1)"/></svg>
@ -2239,8 +2239,6 @@ endfor
<svg id="svg-uni1FFD.tonos" xmlns="http://www.w3.org/2000/svg" width="45" height="350"><path d="M300 -1728H428L744 -2168V-2196H452L300 -1752Z" transform="translate(-30 281.6) scale(0.1)"/></svg>
<svg id="svg-uni1FFE" xmlns="http://www.w3.org/2000/svg" width="36" height="350"><path d="M196 -1936C196 -1776 288 -1640 448 -1552L556 -1636C480 -1720 444 -1812 444 -1944V-2048H196Z" transform="translate(-19.6 281.6) scale(0.1)"/></svg>
<svg id="svg-uni1FFE.tonos" xmlns="http://www.w3.org/2000/svg" width="36" height="350"><path d="M196 -1936C196 -1776 288 -1640 448 -1552L556 -1636C480 -1720 444 -1812 444 -1944V-2048H196Z" transform="translate(-19.6 281.6) scale(0.1)"/></svg>
<svg id="svg-uni2009.fra" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-uni202F" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-uni2047" xmlns="http://www.w3.org/2000/svg" width="261" height="350"><path d="M524 -576H764V-588C768 -836 832 -944 1008 -1054C1184 -1161 1288 -1315 1288 -1536C1288 -1848 1060 -2076 708 -2076C384 -2076 127 -1876 112 -1536H364C379 -1772 544 -1868 708 -1868C896 -1868 1048 -1744 1048 -1548C1048 -1389 957 -1275 840 -1204C644 -1085 527 -969 524 -588ZM1952 -576H2192V-588C2196 -836 2260 -944 2436 -1054C2612 -1161 2716 -1315 2716 -1536C2716 -1848 2488 -2076 2136 -2076C1812 -2076 1555 -1876 1540 -1536H1792C1807 -1772 1972 -1868 2136 -1868C2324 -1868 2476 -1744 2476 -1548C2476 -1389 2385 -1275 2268 -1204C2072 -1085 1955 -969 1952 -588ZM652 16C751 16 832 -65 832 -164C832 -263 751 -344 652 -344C553 -344 472 -263 472 -164C472 -65 553 16 652 16ZM2080 16C2179 16 2260 -65 2260 -164C2260 -263 2179 -344 2080 -344C1981 -344 1900 -263 1900 -164C1900 -65 1981 16 2080 16Z" transform="translate(-11.2 281.6) scale(0.1)"/></svg>
<svg id="svg-uni2048" xmlns="http://www.w3.org/2000/svg" width="189" height="350"><path d="M524 -576H764V-588C768 -836 832 -944 1008 -1054C1184 -1161 1288 -1315 1288 -1536C1288 -1848 1060 -2076 708 -2076C384 -2076 127 -1876 112 -1536H364C379 -1772 544 -1868 708 -1868C896 -1868 1048 -1744 1048 -1548C1048 -1389 957 -1275 840 -1204C644 -1085 527 -969 524 -588ZM1956 -2048H1684L1704 -576H1936ZM652 16C751 16 832 -65 832 -164C832 -263 751 -344 652 -344C553 -344 472 -263 472 -164C472 -65 553 16 652 16ZM1820 16C1919 16 2000 -65 2000 -164C2000 -263 1919 -344 1820 -344C1721 -344 1640 -263 1640 -164C1640 -65 1721 16 1820 16Z" transform="translate(-11.2 281.6) scale(0.1)"/></svg>
<svg id="svg-uni2049" xmlns="http://www.w3.org/2000/svg" width="186" height="350"><path d="M1308 -576H1548V-588C1552 -836 1616 -944 1792 -1054C1968 -1161 2072 -1315 2072 -1536C2072 -1848 1844 -2076 1492 -2076C1168 -2076 911 -1876 896 -1536H1148C1163 -1772 1328 -1868 1492 -1868C1680 -1868 1832 -1744 1832 -1548C1832 -1389 1741 -1275 1624 -1204C1428 -1085 1311 -969 1308 -588ZM528 -2048H256L276 -576H508ZM392 16C491 16 572 -65 572 -164C572 -263 491 -344 392 -344C293 -344 212 -263 212 -164C212 -65 293 16 392 16ZM1436 16C1535 16 1616 -65 1616 -164C1616 -263 1535 -344 1436 -344C1337 -344 1256 -263 1256 -164C1256 -65 1337 16 1436 16Z" transform="translate(-21.2 281.6) scale(0.1)"/></svg>
@ -2260,7 +2258,6 @@ endfor
<svg id="svg-uni205C" xmlns="http://www.w3.org/2000/svg" width="138" height="350"><path d="M1444 -824H896V-1400H620V-824H72V-572H620V60H896V-572H1444ZM1132 -120C1132 -36 1188 32 1292 32C1396 32 1452 -36 1452 -120C1452 -204 1396 -272 1292 -272C1188 -272 1132 -204 1132 -120ZM80 -120C80 -36 132 32 236 32C340 32 396 -36 396 -120C396 -204 340 -272 236 -272C132 -272 80 -204 80 -120ZM1132 -1220C1132 -1136 1184 -1072 1292 -1072C1396 -1072 1448 -1136 1448 -1220C1448 -1304 1396 -1372 1292 -1372C1184 -1372 1132 -1304 1132 -1220ZM80 -1220C80 -1136 132 -1072 236 -1072C340 -1072 396 -1136 396 -1220C396 -1304 340 -1372 236 -1372C132 -1372 80 -1304 80 -1220Z" transform="translate(-7.2 281.6) scale(0.1)"/></svg>
<svg id="svg-uni205D" xmlns="http://www.w3.org/2000/svg" width="34" height="350"><path d="M264 -1560C356 -1560 432 -1632 432 -1720C432 -1808 356 -1880 264 -1880C172 -1880 96 -1808 96 -1720C96 -1632 172 -1560 264 -1560ZM264 48C356 48 432 -24 432 -112C432 -200 356 -272 264 -272C172 -272 96 -200 96 -112C96 -24 172 48 264 48ZM264 -756C356 -756 432 -828 432 -916C432 -1004 356 -1076 264 -1076C172 -1076 96 -1004 96 -916C96 -828 172 -756 264 -756Z" transform="translate(-9.6 281.6) scale(0.1)"/></svg>
<svg id="svg-uni205E" xmlns="http://www.w3.org/2000/svg" width="34" height="350"><path d="M264 -1560C356 -1560 432 -1632 432 -1720C432 -1808 356 -1880 264 -1880C172 -1880 96 -1808 96 -1720C96 -1632 172 -1560 264 -1560ZM264 48C356 48 432 -24 432 -112C432 -200 356 -272 264 -272C172 -272 96 -200 96 -112C96 -24 172 48 264 48ZM264 -488C356 -488 432 -560 432 -648C432 -736 356 -808 264 -808C172 -808 96 -736 96 -648C96 -560 172 -488 264 -488ZM264 -1020C356 -1020 432 -1092 432 -1180C432 -1268 356 -1340 264 -1340C172 -1340 96 -1268 96 -1180C96 -1092 172 -1020 264 -1020Z" transform="translate(-9.6 281.6) scale(0.1)"/></svg>
<svg id="svg-uni205F" xmlns="http://www.w3.org/2000/svg" width="0" height="350"><path d="" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-uni2071.ccmp" xmlns="http://www.w3.org/2000/svg" width="26" height="350"><path d="M376 -1872H124V-772H376Z" transform="translate(-12.4 281.6) scale(0.1)"/></svg>
<svg id="svg-uni2094" xmlns="http://www.w3.org/2000/svg" width="100" height="350"><path d="M616 -540C392 -540 252 -440 180 -332L340 -188C404 -260 476 -332 604 -332C755.511 -332 866.6729 -238.8865 891.0065 -80H152V56C152 364 316 600 640 600C884 600 1148 396 1148 32V-12C1148 -320 924 -540 616 -540ZM889.6333 132C866.2185 301.8557 778.9526 388 640 388C476 388 404 284 404 144V132Z" transform="translate(-15.2 281.6) scale(0.1)"/></svg>
<svg id="svg-uni20AF" xmlns="http://www.w3.org/2000/svg" width="344" height="350"><path d="M1368 28C1832 28 2120 -372 2120 -960V-1068C2120 -1656 1764 -2076 1164 -2076C1092.7551 -2076 1020.7552 -2073.231 948 -2067.5667V-2304H672V-2032.5725C542.2809 -2009.8236 410.2809 -1977.8538 276 -1936V-1716C415.5028 -1761.4196 547.7696 -1793.0247 672 -1814.5504V-658.7675C618.3278 -686.8255 558.3297 -704 488 -704C268 -704 96 -576 96 -340C96 -124 264 28 512 28C709.4707 28 828.1913 -52.236 890.8016 -164.7115C998.7471 -60.953 1143.0026 28 1368 28ZM2264 572H2500L2495.6914 -162.6136C2591.27 -41.1228 2718.7163 28 2904 28C3288 28 3528 -272 3528 -688V-716C3528 -1184 3288 -1516 2884 -1516C2532 -1516 2264 -1264 2264 -788ZM948 -412.4149V-1848.321C1024.1481 -1853.8402 1096.2338 -1856 1164 -1856C1632 -1856 1848 -1536 1848 -1072V-960C1848 -520 1672 -192 1368 -192C1177.5168 -192 1057.7913 -297.3137 948 -412.4149ZM2492.8691 -643.7927 2492 -792C2492 -1012 2604 -1296 2884 -1296C3160 -1296 3284 -1028 3284 -716V-688C3284 -416 3160 -184 2892 -184C2604.5276 -184 2503.053 -452.2667 2492.8691 -643.7927ZM672 -410.9293V-344C672 -260 620 -192 508 -192C424 -192 372 -256 372 -340C372 -420 428 -480 524 -484C579.5693 -485.9498 625.872 -456.5353 672 -410.9293Z" transform="translate(-9.6 281.6) scale(0.1)"/></svg>
@ -2306,7 +2303,6 @@ endfor
<svg id="svg-uniA69F" xmlns="http://www.w3.org/2000/svg" width="98" height="350"><path d="M-1024 -2412H-1204V-1652H-1024V-1964H-889.8033C-870.7182 -1759.7812 -728.9875 -1632 -532 -1632C-360 -1632 -224 -1748 -224 -1908H-384C-392 -1820 -440 -1780 -532 -1780C-641.0706 -1780 -697.5297 -1844.9907 -709.5438 -1960H-452V-2096H-708.8787C-695.5559 -2209.2437 -639.1794 -2272 -532 -2272C-452 -2272 -392 -2240 -384 -2164H-224C-224 -2336 -384 -2420 -532 -2420C-720.8076 -2420 -858.8522 -2299.4377 -886.7962 -2112H-1024Z" transform="translate(120.4 281.6) scale(0.1)"/></svg>
<svg id="svg-uniA7FF" xmlns="http://www.w3.org/2000/svg" width="302" height="350"><path d="M628 -2004H340L148 0H436L583.8033 -1542.6975L1420 0L1424.4438 -4.633L1424 0H1704L1851.7148 -1541.774L2684 0L2692.8672 -9.052L2692 0H2972L3164 -2004H2884L2735.5957 -455.0314L1896 -2004H1616L1467.5958 -455.0314Z" transform="translate(-14.8 281.6) scale(0.1)"/></svg>
<svg id="svg-uniA92E" xmlns="http://www.w3.org/2000/svg" width="145" height="350"><path d="M1484 -688C1372 -924 1112 -1140 760 -1140C412 -1140 152 -924 36 -688H260C340 -804 468 -952 760 -952C1028 -952 1180 -804 1264 -688Z" transform="translate(-3.6 281.6) scale(0.1)"/></svg>
<svg id="svg-uniE001" xmlns="http://www.w3.org/2000/svg" width="282" height="350"><path d="M0 -256V0H512V-256ZM2304 -256V0H2816V-256ZM1280 -1024V-512H1536V-1024ZM0 -896V-768H512V-640H1024V-768H512V-896ZM2304 -896V-768H1792V-640H2304V-768H2816V-896ZM0 -1536V-1280H512V-1536ZM2304 -1536V-1280H2816V-1536ZM0 256V512H256V256ZM2560 256V512H2816V256ZM0 -2048V-1792H256V-2048ZM2560 -2048V-1792H2816V-2048ZM1636 608 1608 640H2032L2004 608ZM1636 -32 1608 0H2032L2004 -32ZM1636 -1504H2004L2032 -1536H1608ZM1636 -2016H2004L2032 -2048H1608ZM1636 -2656H2004L2032 -2688H1608Z" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-uniFE20" xmlns="http://www.w3.org/2000/svg" width="96" height="350"><path d="M0 -2112C-508 -2112 -896 -1956 -952 -1588H-676C-620 -1812 -344 -1892 0 -1892Z" transform="translate(95.2 281.6) scale(0.1)"/></svg>
<svg id="svg-uniFE21" xmlns="http://www.w3.org/2000/svg" width="96" height="350"><path d="M0 -1892C344 -1892 620 -1812 676 -1588H952C896 -1956 508 -2112 0 -2112Z" transform="translate(-0 281.6) scale(0.1)"/></svg>
<svg id="svg-uniFE22" xmlns="http://www.w3.org/2000/svg" width="144" height="350"><path d="M0 -1908 -536 -1956C-656 -1964 -772 -1972 -880 -1972C-1184 -1972 -1384 -1820 -1440 -1652L-1292 -1612C-1240 -1692 -1100 -1764 -880 -1764C-796 -1764 -680 -1760 -532 -1748L0 -1700Z" transform="translate(144 281.6) scale(0.1)"/></svg>
@ -2437,10 +2433,6 @@ endfor
<h1><a href="./">Glyphs</a></h1>
<p>
This shows the complete set of glyphs in Inter Regular.
You can zoom in and out by pressing
<kbd></kbd><kbd>+</kbd> and
<kbd></kbd><kbd></kbd> on your keyboard.
Click on a glyph to see more details about it.
</p>
</div></div>

File diff suppressed because it is too large Load Diff

View File

@ -49,6 +49,7 @@ h1 {
pointer-events: none;
}
/* Dynamic metrics */
.dynmet-calc {
font-weight: 440;
font-size: 1.2rem;
@ -107,6 +108,90 @@ h1 {
}
/* Character set table */
.row.charset-title { padding-bottom: 0; }
.row.charset-title > h2 { text-align: center; }
.row.charset {
padding-top: 1rem;
padding-left: 0;
padding-right: 0;
/* maintain cascading margin-bottom */
}
.charset-table {
--gridColor: #bbb;
--columns: 24;
--tableWidth: 95vw;
flex: 1 1 auto;
padding: 0;
margin: 1rem auto;
max-width: var(--tableWidth);
width: var(--tableWidth);
overflow: hidden;
display: flex;
flex-wrap: wrap;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-shadow: -1px -1px 0 var(--gridColor),
-1px 0 0 var(--gridColor),
0 -1px 0 var(--gridColor);
}
.charset-table > c {
flex: 0 0 auto;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: calc(var(--tableWidth) / var(--columns));
height: calc(var(--tableWidth) / var(--columns));
font-size: calc(100vw / calc(var(--columns) * 2));
line-height: 100%;
text-align: center;
font-feature-settings: "calt" 0; /* disable all */
background: white;
box-shadow: inset -1px -1px 0 var(--gridColor);
cursor: cell;
}
/* for window width >= 1600 */
@media only screen and (min-width: 1599px) {
.charset-table { --columns: 32; }
}
@media only screen and (max-width: 800px) {
.charset-table { --columns: 16; }
}
@media only screen and (max-width: 565px) {
.charset-table { --columns: 8; }
}
@keyframes charset-flash {
0% { background-color: black; color: white; }
20% { background-color: black; color: white; }
20.1% { background-color: white; color: inherit; }
40% { background-color: white; color: inherit; }
40.1% { background-color: black; color: white; }
60% { background-color: black; color: white; }
100% { background-color: white; color: inherit; }
}
.charset-table > c.flash {
animation: charset-flash 300ms 1;
animation-fill-mode: forwards;
animation-timing-function: ease-out;
}
/* FAQ */
grid.faq {
grid-row-gap: calc(var(--spacingv) * 3);

View File

@ -296,6 +296,54 @@ html { font-family: 'Inter', sans-serif; }
</p>
</div></div>
<div class="row white charset-title" id="charset">
<h2><a href="#charset">Character set</a></h2>
</div>
<script>
function csc(node) {
copyToClipboard(node.innerText + " " + node.title)
// flash the glyph
clearTimeout(node._flashTimer)
if (node.classList.contains('flash')) {
node.classList.remove('flash')
if (typeof requestAnimationFrame != 'undefined') {
requestAnimationFrame(function(){ node.classList.add('flash') })
} else {
setTimeout(function(){ node.classList.add('flash') }, 1)
}
} else {
node.classList.add('flash')
}
node._flashTimer = setTimeout(function(){
node.classList.remove('flash')
}, 300)
}
</script>
<div class="row white charset">
<div class="charset-table">
{% for g in site.data.glyphinfo.glyphs %}
{% comment %}
Ignore empty glyphs and glyphs without unicode mapping.
{% endcomment %}
{% if g[1] == 0 and g[2] %}
{% if g[3] %}
<c title="/{{g[0]}} U+{{g[2]}} ({{g[3]}})" onclick="csc(this)">&#x{{g[2]}}</c>
{% else %}
<c title="/{{g[0]}} U+{{g[2]}}" onclick="csc(this)">&#x{{g[2]}}</c>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
<div class="row white"><div>
<h2><a id="story" href="#story">The story behind Inter</a></h2>
<div flow-cols=2 flow-cols-s=1>
@ -461,10 +509,22 @@ for (i = 0; i < av.length; ++i) {
})();
// clipboard copy
var copyToClipboard = (function(){
var hiddenTextInput = $('#hidden-text-input')
return function(text) {
hiddenTextInput.value = text
hiddenTextInput.select()
document.execCommand("copy")
hiddenTextInput.value = ""
HUDNotification.show('Copied to clipboard')
}
})();
// dynamic metrics calculator
(function(){
var hiddenTextInput = $('#hidden-text-input')
var fontSizeEl = $('#dynmet-font-size')
var trackingEl = $('#dynmet-tracking')
var unitEl = $('#dynmet-unit')
@ -529,11 +589,8 @@ function onPointerdownTracking(ev) {
ev.preventDefault()
ev.stopPropagation()
}
hiddenTextInput.value = trackingEl.value + unitEl.innerText
hiddenTextInput.select()
document.execCommand("copy")
copyToClipboard(trackingEl.value + unitEl.innerText)
trackingEl.select()
HUDNotification.show('Copied to clipboard')
}
var passiveListener = { passive: true, capture: false }

File diff suppressed because it is too large Load Diff

View File

@ -678,8 +678,9 @@ function getGlyphInfo(cb) {
fetch('glyphinfo.json').then(r => r.json()).then(glyphinfo => {
console.log('loaded glyphinfo.json')
// { "glyphs": [
// [name :string, unicode? :int|null, unicodeName? :string, color? :string|null],
// ["A", 65, "LATIN CAPITAL LETTER A", "#dbeaf7"],
// [name :string, isEmpty: 1|0, unicode? :string|null,
// unicodeName? :string, color? :string|null],
// ["A", 0, 65, "LATIN CAPITAL LETTER A", "#dbeaf7"],
// ...
// ]}
glyphinfoCached = glyphinfo
@ -707,36 +708,36 @@ samples.set('Repertoire', {
getGlyphInfo(glyphinfo => {
let html = '<div class="glyphlist">'
let glyphs = glyphinfo.glyphs.filter(g => typeof g[1] == 'number')
// only include glyphs with associated unicode
let glyphs = glyphinfo.glyphs.filter(g => g[2]) // only include mapped glyphs
if (repertoireOrder == RepertoireOrderUnicode) {
glyphs = glyphs.sort((a, b) => a[1] - b[1])
glyphs = glyphs.sort((a, b) => parseInt(a[2],16) - parseInt(b[2],16))
}
for (const g of glyphs) {
// let [name, uc, ucName, mtime, color] = g
let name = g[0], uc = g[1], ucName = g[2], mtime = g[3], color = g[4]
const ucHex = hexstr(uc, 4)
// let [name, isEmpty, uc, ucName, color] = g
let name = g[0], isEmpty = g[1], uc = g[2], ucName = g[3], color = g[4]
console.log('g', g)
// XXX compatibility with v2.5 (remove when moving to v2.6)
// glyphinfo for 2.5 doesn't contain mtime.
if (mtime && typeof mtime == 'string' &&
(mtime.indexOf('rgba') != -1 || mtime.indexOf('#') != -1)) {
color = mtime
mtime = null
let style = ''
if (color && color != '<derived>') {
if (color[0] == '#') {
color = 'rgba(' +
parseInt(color.substr(1,2), 16) + ',' +
parseInt(color.substr(3,2), 16) + ',' +
parseInt(color.substr(5,2), 16) + ',' +
'0.2)'
}
style += 'style="background-color:' + color + '"'
}
const style = color && color != '<derived>' ?
'style="background-color:' + color + '"' : ''
if (!ucName) {
ucName = '[unknown]'
}
const title = 'U+' + ucHex + ' ' + ucName + ' ("' + name + '")'
const title = 'U+' + uc + ' ' + ucName + ' ("' + name + '")'
html += `<g ${style} title=\'${title}\'>
<span class="glyph">&#x${ucHex};</span>
<span class="glyph" style="font-feature-settings:normal">&#x${uc};</span>
<span class="name">${name}</span>
</g>`
}

View File

@ -196,6 +196,7 @@ body.italic samples {
width:2em;
height:2em;
page-break-inside: avoid; break-inside: avoid;
border-radius: 2px;
}
sample .glyphlist g span.glyph {
flex: 1 0 auto;
@ -204,6 +205,7 @@ body.italic samples {
align-items: center;
/*margin-top:16px;*/
/*background:salmon;*/
font-feature-settings: normal !important;
}
sample .glyphlist g span.name {
/*background:lightblue;*/