Comments (3)
My first idea was to surround the words with a span element use CSS to assign them a font that included the character: <span lang="egypt">*wꜣs*-scepter</span>
. However, there were two-dozen instances of it and so that would have led to a lot of excess markup in the files that would have hindered editing. I also didn't like the font options I was finding.
My second idea was to used an inline SVG: *w![ꜣ](/img/aleph.svg)s*-scepter
. I liked that the alt text then could be the character (keeping it reasonably human and screenreader readable), and I had complete control over how the character looked, however it would have again led to a lot of excess markup in the files.
My last idea was to add the specialty font on as a fallback for the the body of the page: .quire-page__content p { font-family: "Noto Serif", "Junicode", serif !important; }
. I need to test it in other browsers, but this seems to be working nicely. The only real issue then is the quality of the specific fallback font, and the characters don’t really go well with our base font.
Long term, I'm interested in creating a custom font with these characters, and maybe even contributing them back to the open source version.
from egypt-classical-world.
Our main body fonts in Quire are Noto Sans and Noto Serif. In doing further digging, I found (using the Glyphs app) that the source files (at https://github.com/googlefonts/noto-source) for both fonts include the small letter Egyptological alef that we need for this project along with the other Egyptological characters that are part of Latin Extended D. It seems only that this source version of Noto hasn't fully been pushed up to the public version available through Google Fonts.
By cloning the noto-source repo, I was able to build the fonts with commands like ./build src/NotoSans-MM.glyphs
, which resulted in new OTF files, which I then converted to EOT, WOFF and WOFF2 files with CloudCovert and added to the project as overrides of our exiting versions of the Noto fonts.
from egypt-classical-world.
FWIW, this is a good list of full-featured scholarly fonts with lots of character coverage: https://mufi.info/m.php?p=mufi&i=960. (Note that we used Cardo is CVA 10, details on that here: thegetty/cva10#6.)
For proprietary fonts, check out Skolar, which Getty currently uses for the Getty Research Journal.
from egypt-classical-world.
Related Issues (20)
- Add page-level bibliography HOT 1
- Extract hieroglyphic images from Minas-Nerpel essay HOT 1
- Tag author date references and format references.yml entries HOT 6
- Update citation partial to also look at essay # HOT 1
- Combine Fig. 1.4a-b and Fig 1.5a-b into composite images HOT 3
- Ensure ellipses in transliterations in paper 7 (Prada) are spaced periods, not unicode ellipses HOT 1
- Finish work on essays 6 and 7 HOT 2
- Convert hieroglyph to image in references.yml HOT 1
- Fix spacing in captions with multiple lines HOT 1
- Fix images in essay 7 conflicting with CSS HOT 1
- Make cover fully responsive HOT 1
- Add analytics tag HOT 1
- Update essay 7 .md, references.yml, and figures.yml based on revised text from author. HOT 25
- References.yml preview issues HOT 2
- Need special q-cite for citations with parentheticals HOT 4
- Formatting of hieroglyphic font in Quire edition HOT 4
- Add CIP data HOT 1
- Erase faint gray lines at the edge of three figures HOT 1
- Add Quire credit line
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from egypt-classical-world.