Japanese font and sounds

I have no idea where to start with this problem, so I come to you KP discord. I've found an image of a print I'm trying to replicate with Japanese and roman characters. The romanised version is written next to the japanese characters. So how can I get the Japanese characters in this image as a font I can use?? 🧐 ... and I'm guessing, as an example, the BUSHIDO contains three Japanese characters consisting of BU - SHI - DO. This only makes it more baffling to me.
12 Replies
Jochem
Jochemβ€’2y ago
The Japanese writing system uses three different character sets, Kanji (which is these symbols), Katakana (which is more like a western alphabet, but each symbol represents a syllable), and Hiragana which is like Katakana but I think mostly used to represent borrowed words? Kanji are sometimes used as full words, but also sometimes used to represent syllables. Kanji can be represented with multibyte unicode sequences, there's a reference I found here: http://www.rikai.com/library/kanjitables/kanji_codes.unicode.shtml, though I've never actually done anything with Kanji or any of the other writing systems, and whether they get rendered is obviously up to font support as well. I can't really help further, but just thought a bit more background (even if it's vague) might help you search better
Γ… Marlon G
Γ… Marlon Gβ€’2y ago
Haha! So I've probably bitten of more then I can chew here ... πŸ₯³ I wrote this and the symbol pop up: <li>&#9728</li and a beautiful sun popped up. But when I wrote this: <li>&#4e00</li (the first of the kanji chracters), only e00 was printed on screen. Is this because I haven't added a japanese font to the document (which I haven't because, I don't know how to do that ...). 🀦
Jochem
Jochemβ€’2y ago
the font would probably work like any other, you just have to find a kanji font that you can use and like the look of
Γ… Marlon G
Γ… Marlon Gβ€’2y ago
So e.g. adding this to the html/css as a font? https://fonts.google.com/noto/specimen/Noto+Serif+JP?query=noto
Google Fonts
Google Fonts: Noto Serif Japanese
Noto is a global font collection for writing in all modern and ancient languages. Noto Serif JP is a modulated (β€œserif”) design for the Japanese language and ot
Jochem
Jochemβ€’2y ago
probably yeah
Γ… Marlon G
Γ… Marlon Gβ€’2y ago
So this is what I get ... Just the three last characters https://codepen.io/amarlong/pen/jOKvYWg
Γ… Marlon G
Γ… Marlon Gβ€’2y ago
Jeez! That's insane ... πŸ‘€ Thank you so much! One question still remains though – how did you get the Japanese characters in there? I don't see a font family, and did you just copy the character from somewhere (like here: http://www.rikai.com/library/kanjitables/kanji_codes.unicode.shtml), or do you have a Japanese keyboard?
MarkBoots
MarkBootsβ€’2y ago
nope, i reversed image search and figured out it was about the "bushido code". then copied the chars from here https://bushidocodeyear9ses.weebly.com/bushido-code-7-virtues.html
The bushido code
Bushido code: 7 virtues
1. Justice or Rectitude (ηΎ© gi) This is all about making sure that we have the right way when we make a decision. That we have the power to make a decision quickly. It is about making sure that we...
Γ… Marlon G
Γ… Marlon Gβ€’2y ago
That's so cool! So one doesn't actually need a japanese font, one can just find a live site with the characters, inspect the element, and copy it. And since you've helped me so much. When I'm finished with this print project, do I then post it under community/showcase fro feedback, or does it go here under help/front-end?
MarkBoots
MarkBootsβ€’2y ago
these characters are part of the utf-8 charset. not all fonts support them, but system font's surely do
Γ… Marlon G
Γ… Marlon Gβ€’2y ago
Thank you so much, again! Have a great day! πŸ™Œ