Git Product home page Git Product logo

Comments (3)

geealbers avatar geealbers commented on June 19, 2024

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.

geealbers avatar geealbers commented on June 19, 2024

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.

geealbers avatar geealbers commented on June 19, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.