Fonts for Duncan’s websites
I don’t expect people other than myself to use this; this is purely for me!
This service exists to serve fonts for my websites, such as my personal site and my Latin dictionary.
This is useful for font-subsetting, meaning my font-files contain only the glyphs I need. Subsetting is more aggressive for my personal site than for my other sites, since I use fewer distinct characters.
To use this, I import either main.css (for more restrictive subsetting) or subsites.css (for more generous subsetting) into HTML or CSS.
<link rel="stylesheet" href="https://fonts.duncanritchie.co.uk/main.css">@import url('https://fonts.duncanritchie.co.uk/main.css');
A HTTP header of Access-Control-Allow-Origin = "*" ensures that CORS does not block the request for fonts.
Samples
!"%&()+,-./0123456789:;<=>?ABCDEFGHIJKLMNOPQRSTUVWXYZ[]_abcdefghijklmnopqrstuvwxyz{}©ÁÉÏáäèéëíïóôöúüýÿĀāĒēĪīİıŌōŪūțȲȳ́̓ΐΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩάέήίαβγδεζηθικλμνξοπρςστυφχψωϊϋόύώϑϘϙϚϛϜϝϠϡϱְֲִֵַָֹּׁׂאבגדהוחיכלםמןנסעףפקרשתḗḥṻἀἁἄἅἈἉἌἐἑἒἔἕἘἙἜἝἠἡἤἥἦἧἨἩἬἭἮἰἱἴἵἶἷἸἹἼἽἾὀὁὄὅὈὉὌὍὐὑὔὕὖὙὝὠὡὤὦὨὬὮὰάήίὸόύᾱᾴᾶῄῆῇῐῑΐῖῘῡΰῤῥῦῬῳῶῷ–—‘’“”…‽∅⏑Æ挜
!"%&()+,-./0123456789:;<=>?ABCDEFGHIJKLMNOPQRSTUVWXYZ[]_abcdefghijklmnopqrstuvwxyz{}©ÁÉÏáäèéëíïóôöúüýÿĀāĒēĪīİıŌōŪūțȲȳ́̓ΐΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩάέήίαβγδεζηθικλμνξοπρςστυφχψωϊϋόύώϑϘϙϚϛϜϝϠϡϱְֲִֵַָֹּׁׂאבגדהוחיכלםמןנסעףפקרשתḗḥṻἀἁἄἅἈἉἌἐἑἒἔἕἘἙἜἝἠἡἤἥἦἧἨἩἬἭἮἰἱἴἵἶἷἸἹἼἽἾὀὁὄὅὈὉὌὍὐὑὔὕὖὙὝὠὡὤὦὨὬὮὰάήίὸόύᾱᾴᾶῄῆῇῐῑΐῖῘῡΰῤῥῦῬῳῶῷ–—‘’“”…‽∅⏑Æ挜
!"%&()+,-./0123456789:;<=>?ABCDEFGHIJKLMNOPQRSTUVWXYZ[]_abcdefghijklmnopqrstuvwxyz{}©ÁÉÏáäèéëíïóôöúüýÿĀāĒēĪīİıŌōŪūțȲȳ́̓ΐΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩάέήίαβγδεζηθικλμνξοπρςστυφχψωϊϋόύώϑϘϙϚϛϜϝϠϡϱְֲִֵַָֹּׁׂאבגדהוחיכלםמןנסעףפקרשתḗḥṻἀἁἄἅἈἉἌἐἑἒἔἕἘἙἜἝἠἡἤἥἦἧἨἩἬἭἮἰἱἴἵἶἷἸἹἼἽἾὀὁὄὅὈὉὌὍὐὑὔὕὖὙὝὠὡὤὦὨὬὮὰάήίὸόύᾱᾴᾶῄῆῇῐῑΐῖῘῡΰῤῥῦῬῳῶῷ–—‘’“”…‽∅⏑Æ挜
!"%&()+,-./0123456789:;<=>?ABCDEFGHIJKLMNOPQRSTUVWXYZ[]_abcdefghijklmnopqrstuvwxyz{}©ÁÉÏáäèéëíïóôöúüýÿĀāĒēĪīİıŌōŪūțȲȳ́̓ΐΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩάέήίαβγδεζηθικλμνξοπρςστυφχψωϊϋόύώϑϘϙϚϛϜϝϠϡϱְֲִֵַָֹּׁׂאבגדהוחיכלםמןנסעףפקרשתḗḥṻἀἁἄἅἈἉἌἐἑἒἔἕἘἙἜἝἠἡἤἥἦἧἨἩἬἭἮἰἱἴἵἶἷἸἹἼἽἾὀὁὄὅὈὉὌὍὐὑὔὕὖὙὝὠὡὤὦὨὬὮὰάήίὸόύᾱᾴᾶῄῆῇῐῑΐῖῘῡΰῤῥῦῬῳῶῷ–—‘’“”…‽∅⏑Æ挜
How I do font-subsetting
I use Font Squirrel’s Webfont Generator. The fonts I upload are Alegreya Regular, Alegreya Italic, Alegreya Bold, and Alegreya Bold Italic. (I have these saved locally; they should have 2131 or 2138 glyphs each.)
Then I make sure Font Squirrel is using the following settings:
Font Squirrel settings
- Mode
- Expert
- Font formats
- WOFF, WOFF2
- Truetype hinting
- Keep existing
- Rendering
- (None selected)
- Vertical metrics
- No adjustment
- Fix missing glyphs
- Spaces, hyphens
- X-height matching
- None
- Protection
- None
- Subsetting
- Custom subsetting
- Character encoding / character type / language / Unicode tables / Unicode ranges
- (None selected)
- Single characters
- (copied from character set above)
- OpenType features
- Keep all features
- OpenType flattening
- (None selected)
- CSS
- (None selected)
- Font name suffix
- -subset
- Em square value
- 2048
- Adjust glyph spacing
- 0
- Shortcuts
- Remember my settings
- Agreement
- Yes
I click “Download your kit” and extract the files to the /subsites folder, deleting the files I don’t need. (Only the .woff and .woff2 files are needed.)
Finally, I check that the “Samples” above look reasonable. Alegreya doesn’t support Hebrew, or archaic Greek letters (ϘϙϚϛϜϝϠϡ), or the interrobang (‽), or the breve (⏑), so these will fall back to system fonts. Everything else should render using Alegreya. Dev tools in Firefox can show what fonts are being used for what glyphs.