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
-
Changing Platforms & HTTPS Same Time
Hi Everyone, We know this is a bad idea. Our owner purchased another website/company and we plan on moving it to Shopify. The site is a very old (not been updated in 4 years) Able Commerce site. My developer whom has been doing this for years with me couldn't get the current host to work with us in order to move the site to https. Looks like we would actually have to spend a lot of money to update the site in order to. So my question is this. If we move the site over to Shopify, they make it https right away. I am out of luck trying to redirect http pages to specific https pages? Jeff
Web Design | | vetofunk0 -
International Websites - Hosting, Domain Names, & Configuration
What is the best way to configure a website that targets a number of countries and languages around the world? For example, Apple has websites optimized for just about every country and language in the world (see: https://www.apple.com/choose-country-region/). When you choose the UK it takes you to: https://www.apple.com/uk/ When you choose China it take you to: https://www.apple.com/cn/ Etc. When you go to apple.co.uk it forwards you to the UK version of the website. The same is true for apple.cn. Is this the ideal way to set it up? I have also seen websites that have each version of the website on its own TLD such as exampleBrand.co.uk and exampleBrand.cn - in this example they don't forward to the .com. My concern with Apple's solution is SEO and hosting. Do consumers favor seeing their country's TLD in search results over exampleBrand.com/uk? For hosting, shouldn't the mainland China version of the website be hosted in China? Is it possible to just host a folder of a website in a certain country such as the cn folder for China? Any suggestions would be appreciated. I was unable to find much info on this.
Web Design | | rx3000 -
Mergers & Acquisitions - Website Transition Good practice
Hi everyone, I was wondering if anyone has come across good practice for maintaining websites after a merger or acquisition where there needs to be an association between two websites of the two companies involved. For an acquisition, I'm considering moving the acquired company to a sub domain of the parent company e.g. aquiredcompany.parentcompany.com. On both websites there wmay be a prominant popup so visitors can switch between the websites if they have visited the incorrect one. One worry I have is the acquired company has some good rankings, which I want to keep. I will of course manage the process through 301 redirects. But I was wondering if anyone has any thoughts on this approach or can suggest any better solutions. Thanks in advance, Stuart
Web Design | | Stuart260 -
What To Do When Improved Site Speed & Layout Result In Higher Bounce Rates & Lower Time On Site
We launched a new Bootstrap 3.0 site template 2 weeks ago. The site loads 5x faster and has a much improved layout (utilizing most common above the fold recommendations ). It's only been two weeks, but our bounce rate has increased 5-10% and our avg time on site decreased by 10-18%. Here is the page for one of our most common products so you can see the general experience: <a>http://www.jwsuretybonds.com/surety-bonds/commercial-bonds/auto_dealer_bond.htm</a> (here is the old version: <a>http://199.119.123.134/surety-bonds/commercial-bonds/auto_dealer_bond.htm</a>) We spent two months implementing the new design and working on a speedy load time. We had anticipated a drastic improvement, not mild downturn in user behavior. I'm hopeful that the Analytics metrics aren't showing the true picture on the keywords we care about (can't see anymore due to "Not Provided" listed as most keywords now. Argh!) and perhaps some of the more important/accurate user behavior metrics that we can't see are improving. We know our industry and our clients needs VERY well. We THOUGHT our new content/layout was perfect so it will be tough for us to try to make improvements at this point. We believe our best plan of action now is to add more content on each page and A/B test it along with other subtle changes. The problem is that our new content is very concise and hits on all of the primary visitor intentions, so additions of content could be redundant and making concise answers more "fluffy", which is what we tried to get away from. What do you think? Is there reason for panic? What would your plan of attack be if your "sure shot" new design didn't provide the improvements you "knew" it would? 🙂
Web Design | | TheDude0 -
Best Practice For Website Redesign & Migration
Hi, I'm looking to redesign my current live website to a new Wordpress site using "Studiopress Enterprise Theme". I'm new to Wordpress and therefore will be embarking on lots of testing & development.
Web Design | | Mark_Ch
I do not want to hurt my current live website whilst testing the new Wordpress site. However, it would be nice to bring the test site into the current live environment without changing untold urls, etc. Question
What is the best practice to setup this new Wordpress environment for my domain: www.sampledomain.co.uk How would you restrict Google, Bing, etc from indexing, etc. whilst testing in the live environment. What other consideration should I be aware of Thanks Mark0 -
Image sliders & site speed
We are having a new website designed using WordPress and the Genesis framework. We wanted to include header image sliders on a number of internal site pages, but our designer says that sliders on more than just the home page will slow down the site significantly. How much could they slow down the site, and what can be done to minimize their effect on site speed?
Web Design | | GordyH0 -
Why is this page removed from Google & Bing indices?
This page has been removed from indices at Bing and Google, and I can't figure out why. http://www.pingg.com/occasion/weddings This page used to be in those indices There are plenty of internal links to it The rest of the site is fine It's not blocked by meta robots, robots.txt or canonical URL There's nothing else to suggest that the page is being penalized
Web Design | | Ehren0 -
Drop Down Menus & SEO?
Do these typically have a negative impact on SEO? I know this is kind of a vague question, does it make it harder to spider? Are there SEO friendly ways of coding these? There are so many sites out there that have these, so I've got to assume it's different on a case by case basis.
Web Design | | MichaelWeisbaum0