Japanese & Mandarin Fonts
-
A client is looking to translate PDFs on their website into Japanese & Mandarin fonts. I found this resource:
http://www.vistawide.com/languages/foreign_language_fonts2.htm
I'm not sure about the quality.
This is a call for any international font designers/experts for input. Any suggestions or resources?
-
Awesome! I wasn't clear on whether they were keeping the fonts as PDF or converting to HTML, so I made an assumption and dove right in.
"Low quality letters" is a tough thing to define. From a technical standpoint, all fonts are vector-based so they will reproduce well at any size and not be pixelated or anything, especially in PDF. So that aspect of "quality" shouldn't concern you. But the style of a font may make it more / less readable or appropriate.
Like English text, Japanese text can be styled in different ways while keeping the same meaning. Some may be more artistic, some more technical looking, etc. For example: http://www.adobe.com/cfusion/type/search.cfm?loc=EN&term=kozuka&store=OLS-US&category_type=Package&go=Go
To really get an idea of which font is appropriate for your situation, you may need to find someone who reads Japanese and Mandarin to help you make a subjective decision. You won't want to use a heavily decorated font if you're dealing with a technical specification document, for instance.
Honestly, try posting an ad on Craigslist and someone will probably help for free or a very small fee. Or inquire by email at your local Japanese Society or something similar.
I would use that as a guide in choosing the right font, as well as price perhaps. I'm sure you'd be able to find some free fonts that meet your needs instead of paying.
Unfortunately I can't install any of the fonts from the web page you provided, so I'm not able to say if there are any other technical reasons why they may or may not work. Again, someone who can read the languages would be able to tell you if any symbols are missing from the font file, for instance, just like how some English fonts may not have accented characters, or mathematical characters, etc. If you purchase a font from a reputable source they often show you the exact character map that you'll get.
I hope this was more helpful this time!
-
Kenoshi,
Thank you for your detailed reply! I'm glad to have this and you as a reference for HTML. However, the client only needs the fonts for PDFs. They are not doing any HTML translation.
Any suggestion as a quality resource for such fonts or if the resource I questioned would work. They do not want to use some free font library that would produce low-quality letters in their PDF documents.
Thanks!
P.S. Nice job on the website!
-
Hi Dana,
I'm not sure of your coding level, but I just recently built a website that had a lot of Japanese Kanji on it. From what I could determine when I first approached the job, writing the Kanji right within the HTML was as straightforward as writing english text, but I believe the encoding for the HTML file (or PHP or what have you) needs to be UTF-8. Most advanced text editors have a place to set the encoding type. I did tests on Firefox, Safari, Chrome and IE on Windows and Mac, as well as iPhone, iPad, Android, BlackBerry. However, I suppose I didn't test all of those with my image-replacement turned off, which I'll explain in a moment.
If you would like to inspect the site, it's www.renbukaibc.ca
When I designed the site I did end up using a CSS image-replacement technique so I could use a specific typeface for the Kanji called Kozuka Gothic. I would've used @font-face to embed that font (like I did with other fonts on the site) but the font file size is over 4MB.
So to get an idea of how the Kanji really works on the site you should turn off CSS or use seo-browser.com (must click Simple button to avoid registration). You can see there that the text is understood properly by search engines.
As a further test, if you do a Google search for 克己館 , which translates to Kokkikan (the name of my client's business), you will see that my client's website shows up without any problem.
As far as that font resource you linked to, I didn't look in depth but in order to use on of those fonts on your website you'll need to utilize something like the @font-face CSS directives. The thing to watch out for with international fonts is the size of the font files that your visitors will need to download (it's all automatic) in order to view your font. For example, the Kozuka Gothic font I referenced above is 4MB+ because of the large number of Kanji characters. These fonts may suffer from a similar issue, making your website slow to load. You'd probably be better off with image-replacement to achieve a particular style of Kanji (only good for headings, really), or use a standard web font. Based on what I've said above, it should display fine for your users.
If you have any other questions I'd be glad to help. This is the first answer I've provided on seomoz, and quite a fluke that I saw it when I came into the Q&A section, so I hope this was helpful!
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Amp plugins + Wordpress = speed, rankings, results
Hello beloved, Been some time since I have been on, planning to return and help out and be bit more active. Need some latest thoughts and input, on amp plugins for Wordpress, and their results and effect on rankings? Thank you all in advance 🙂
Web Design | | vmialik0 -
404 errors & old unused pages
I am using shopify and I need to delete some old pages which are coming up as 404 errors (product no longer available!) does anyone know where you go to delete these pages which are no longer needed?
Web Design | | carleyb0 -
Drop in rankings after AMP implementation because of lack of facebook comments
Hi, we are amplifying our site, but one of the things we can´t include on our AMP version is the Facebook comment box. Some of our articles have hundreds of comments on them and we noticed that Google was crawling those comments and using them as a ranking signal (the more comments the better we discovered). Now we are wondering if these articles would drop if we launch the AMP version without the comment box. As this would reduce the written content on those pages a lot. Anybody tested this before or has an idea on that would work out? Thanks for your help!
Web Design | | guidetoiceland1 -
Does interlinking on mobile site helps in seo & improvement in rankings
Hi, Does interlinking on mobile site helps in seo & improvement in rankings. Our desktop site & mobile site has same urls. Regards
Web Design | | vivekrathore0 -
Infinite Scrolling & "Long Scrolling" same or different??
Can anyone please confirm for me the difference if any, between site design that incorporates Long Scrolling and Infinite Scroll? I was told (by an unnamed source) these were different designs and that "long scrolling" is better for SEO . However, in all my research I am unable to prove there is any difference between the two. I understand Infinite scroll may include Ajax, but does that mean Long Scrolling does not? If anyone has any references or can supply any further education here, I'd appreciate it! Thanks!
Web Design | | ACNINTERACTIVE0 -
Ecommerce & Responsive design
Hi there, We are thinking to redevelope our ecommerce websites and thinking responsive design. Due to responsive design when the screen gets smaller to fit iphone and ipad we need to hide some content to make it more user friendly. My question is, how Google will treat hiding content with the smaller screens? Will this effect our rankings in a negative way? We really don't want to get punished by Google 🙂 Thank You
Web Design | | Jvalops0 -
Off Screen Rendering & Other Tactics
Hi Folks, We're currently trying to change our website search results to render in HTML in the first instance then switch off to AJAX when our user clicks on filters. But we came across an issue that diminishes the user experience, so we used this method below: We have moved the search grid offscreen in the initial rendering because we execute a lot of Javascript that modifies the DOM within the grid. Also when a user has performed a search from within the page, the hash is updated to identify the new search terms. Because this is not sent to the server, a user who has done a search and refreshes would see incorrect search results initially and the correct search results would then replace them. For example, on initial search a user reaches a URL akin to search.veer.com/chicken. When they perform a search from on that page, the hash gets updated tosearch.veer.com/chicken#keyword=monkey. If the user refreshes the page, the server only receives the request for chicken and then serves up the page with those results rendered on it. The Javascript then checks the hash and determines that it needs to run a different search and fires off an AJAX call to get the new results. If we did not render the results offscreen the user would see the results for chicken (confusingly) and be able to briefly interact with them until the AJAX call returns and the results are replaced with the correct monkey results. By rendering offscreen, the initial results are not visible and the Javascript can move them immediately onscreen if there is no hash, or wait until the AJAX call returns and then rebuild the grid and move it onscreen. Now I know that rendering text indent to -9999 is a black hat SEO tactic. But, would it be the same in this case? We're only doing this avoid bad UI. Please advise. Also, we came across these two articles that may serve alternative options. These article state that each tactic is SEO-friendly, but I'd like to run it my the community and see if you guys agree. http://joshblog.net/2007/08/03/make-your-rich-internet-application-seo-friendly/ http://www.inqbation.com/tools-to-increase-accessibility-in-the-web/ Thank you for your help!
Web Design | | CorbisVeer0 -
HTML5, semantic web & SEO
HTML5 is supposed to revolutionize the way browsers, web clients and services are supposed to "understand" information on the web. I have been planning on converting my site to HTML5 ever since it went into a working draft last spring, however I wanted to know if upgrading to HTML5 would offer any SEO benefits or if it would actually have a negative effect on how my site is perceived on the web. I guess my real question here is "Do search engines recognize HTML5 sectioning?" Is content found in semantic sections like <header>, <footer>, <nav>, <aside>, treated any different than content inside generic HTML4 containers like, or ? </aside> </nav> </footer> </header>
Web Design | | TahoeMountain400