opentype.js
source-han-sans
opentype.js | source-han-sans | |
---|---|---|
4 | 5 | |
4,298 | 13,548 | |
0.9% | 0.0% | |
8.1 | 0.0 | |
10 days ago | almost 2 years ago | |
JavaScript | ||
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
opentype.js
-
Wakamai Fondue, the tool that answers the question “what can my font do?”
[3] https://github.com/opentypejs/opentype.js
-
Social Media Cards with @vercel/og
With an SVG we can define our image as code, which is pretty neat. But SVG is not able to wrap texts. We can use opentype.js to calculate the width of our texts and to wrap it manually. Finally we have to convert the SVG to a PNG, because the most of social media platforms do not support SVG. This approach could work, but requires a lot of code and it is very complicated.
-
is there way to calculate the height of each letters?
The repo is public so you can take a look if you're curious. I used opentype.js to convert the font into SVG in real-time. It was a PITA.
-
I made a VSCode extension that lets you preview fonts in your editor
Still a few bugs to work out but I learned a ton making this! One of the cool things I learned is that you can read a font file, convert it to a base 64 string, slap it in a style element, and show that font in the browser! Huge thanks to opentype.js as well!
source-han-sans
-
"Simplified" vs "Traditional" vs "Hong Kong" glyphs
Moreover, I see a roughly 50/50 split of the glyph standard in traditional Chinese texts; it is not uncommon for "Jiu Zixing" and Taiwan MOE styles to appear on the same page. The HK version (middle) is a recent addition per the "Splitting TWHK into TW & HK" issue on GitHub. I have never seen any print text following the HK standard, though you may see them occasionally in online media due to preinstalled HK fonts such as PingFang or Noto Sans.
-
What to do when device (phone, PC, etc) doesn’t display the character and only show stacked lines like this?
Babelstone Han or [Source Han Sans](https://github.com/adobe-fonts/source-han-sans} are probably your best bets? Couldn't find any other typefaces that might cover obscure characters like these
-
First time saw it printed, but I think it's an image? From a magazine of recent date.
Try Source Han fonts (https://github.com/adobe-fonts/source-han-sans or https://github.com/adobe-fonts/source-han-serif) from Google/Adobe. It's the default font on Android and should display it wonderfully: 𰻝 (simplified) or 𰻞 (traditional).
-
MacType: Better Font Rendering for Windows
I believe Windows's approach is localisation not globalisation. Many programmes runs properly only in designed locales, not that programmes run well in any locale.
Chinese/Korean rendered incorrectly on English UI because system hardcoded a font fallback, which put Japanese font first, regardless of how languages are ordered in the Settings. This is largely true for traditional Win32 programmes, like Chrome, Edge, Explorer.exe, etc. However UWP apps using the new UI framework (like Unigram, Intel Command Centre etc) behave correctly if setting Chinese/Korean as secondary language.
It's different on macOS or iOS however, if you set a system locale order as 1. English, 2. Chinese, then Chinese content will render correctly with correct Chinese system font PingFang.
Another issue that is also very important is that Chinese (Simplified or Traditional), Korean and Japanese share amount of the same characters but written differently. That means system must render the glyph in correct variant, like in the example of Source Han Sans
https://github.com/adobe-fonts/source-han-sans/raw/release/S...
-
Why are 关 and 复 half-width in japanese?
According to people from adobe its even a JIS standard to make those two kanji narrower
What are some alternatives?
glyphhanger - Your web font utility belt. It can subset web fonts. It can find unicode-ranges for you automatically. It makes julienne fries.
mactype - Better font rendering for Windows.
satori - Enlightened library to convert HTML and CSS to SVG
source-code-pro - Monospaced font family for user interface and coding environments
chiron-sans-hk - 昭源黑體:現代筆形風格,平衡標準字形和印刷體慣用筆形的免費開源黑體字型
operator-mono-font
Warcraft-Font-Merger - Warcraft Font Merger,魔兽世界字体合并/补全工具。
erfan-font - قلم پیکسلی فارسی عرفان. erfan pixel Persian/Arabic font
node-canvas - Node canvas is a Cairo backed Canvas implementation for NodeJS.
symbols - Noto Symbols
London-Underground-Dot-Matrix-Typeface - A set of dot matrix fonts in the style of TfL's Underground arrivals board.