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!
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
-
Mobile-First Indexing New Site monetized with Adsense AMP or not?
I am considering developing a new site monetized with Adsense. I am wondering if it's still worth bothering with AMP, it will take some work to get the functionality I have in mind working on these pages due to the inherent limitations. Has anyone got any insights in terms of current and future benefits of AMP in terms of ranking benefits and Adsense earning potential?
Web Design | | GrouchyKids0 -
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 -
Best Practices for Leveraging Long Tail Content & Gated Content
Our B2B site has a lot of of long form content (e.g., transcriptions from presentations and webinars). We'd like to leverage the long tail SEO traffic driven to these pages and convert those visitors to leads. Essentially, we'd like Google to index all this lengthy, keyword-rich content AND we'd like to put up a read gate that requires users to register before viewing the full article. This is a B2B site, and the goal is to generate leads. Some considerations and questions: How much of the content to share before requiring registration? Ask too soon and it's a terrible user experience, give too much away and our business objectives are not met. Design-wise, what are good ways to do this? I notice Moz uses a "teaser" to block Mozinar content, and I've seen modals and blur bars on other sites. Any gotchas that Google doesn't like that we should be aware of? Trying to avoid anything that might seem like cloaking. Is it better to split the content across several pages (split a 10K word doc across 10 URLs and include a read gate on each) or keep to one page? Thank you!
Web Design | | Allie_Williams0 -
AJAX & JQuery Tabs: Indexation & Navigation
Hi I've two questions about indexing Tabs. 1. Let's say I have tabs, or an accordion that is triggered with Jquery. That means that all HTML is accessible and indexed by search engines. But let's say a search query is relevant to the content in Tab#3, while Tab#1 is the one that's open by default. Is there any way that Tab#3 would be open directly if it's more relevant to the search query? 2. AJAX Tabs: We have pages that have Tabs triggered by AJAX (example: http://www.swisscom.ch/en/residential/help/loesung/entfernen-sie-sim-lock.html). I'm wondering about the current best practice. Google recommends HTML Snapshots. A newer SEOMoz Article talks about pushState(). What's the way to go here? Or in other words: How to get Tabs & Accordion content indexed and allow users to navigate directly to it?
Web Design | | zeepartner0 -
For A Corporation With 3 Distinct Business Divisions, Is It Better To Go With 1 Domain & 3 Sub-Domains, 1 Domain & 3 Folders, or 3 Domains for SEO Purposes?
Hi, I am working on a project right now for an existing client, we have one domain up and running well, they want to create an 'umbrella' site to cover three current business divisions and roll everything up under that main site, including the existing site on a totally different domain (would migrate over and 301 redirect from current domain). From what I've researched, I am inclined towards one main domain with three sub-domains due to the amount of content for each business division being significantly different enough that it seems to deserve separation from each other. However, in terms of SEO and maintaining consistent domain authority, would anyone recommend it be better to structure this as just folders/categories falling under the main domain instead of separate sub-domains for each division, and focus keyword targeting on pages tailored to that end within the main domain structure rather than spreading out link-juice to different sub-domains? Thanks!
Web Design | | Dan_InboundHorizons0 -
How to put 'Link to this article' HTML code at bottom of article & is it helpful?
Hello, I was thinking about putting a box down at the bottom of my client's main articles that let's the reader easily copy the html code it takes to link to the article they're reading. Maybe I'd put it after the author bio. Do any of you do this? If so, what format do you use? It has to look nice of course. This is a non-techie industry. Thanks.
Web Design | | BobGW0 -
How to serve a Mobile & Full Site using one URL?
Hello, Does anyone know of any resources or tutorials that outline how to serve a smartphone-formatted website using the same URL as the full site? I know that one solution is using media-queries to serve a seperate CSS stylesheet, but you still have the full HTML source code. In other words, I might want to serve a smartphone & desktop user different content, but under one URL. WP Touch (Wordpress Plugin) is a perfect example of what I mean, but how is it technically achieved? It serves two different sets of HTML for smartphone & full, but using one URL http://www.bravenewcode.com/store/plugins/wptouch-pro/
Web Design | | petecampbell-bmi0 -
Ruby on Rails & MemCaching
Anyone else buildling their website using Ruby on Rails? If so, are you also using any memcaching? Do you have any tips on memcached concepts, tricks, caveats, and experiences. How are you also doing SEO, any tricks for generating traffic and some Google love?
Web Design | | Goetzman0