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
-
Community Discussion: UX & SEO – Your experience?
We've been looking at the relationship between SEO & UX a bit more closely lately on the blog. Our good pal Cyrus started the wheels turning with a tweet: https://twitter.com/CyrusShepard/status/748296076411625473 ...and that morphed into a Whiteboard Friday idea, which was filmed and posted here: https://mza.seotoolninja.com/blog/ux-vs-seo-whiteboard-friday We shared the story of one site that enjoyed rapid growth and that subsequently battled with managing that UX/SEO relationship on Thursday. And it's hard, right? UX and SEO teams often operate independently of one another, and may make decisions that affect one another's work. Sometimes it's a "hindsight is 20/20" situation. Sometimes the answer is so radical and impactful that you may want to settle for a "safe" alternative. I'd imagine many of you have encountered some big issues with user experience and search optimization in your day-to-day over the years. What's the most difficult situation you've encountered with this? How did you resolve it? (I'd bet money on there being some really creative solutions out there :). Is there a particularly challenging situation you're struggling with now that you'd want to share & crowdsource ideas for?
Web Design | | FeliciaCrawford3 -
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 -
White Text / Black Background & SEO Impact
Does anyone know of any testing / studies with evidence that Google prefers dark text on a light background vs. light text on a dark background? I have a website that currently has light text on a black background, and really like the way it looks, but am concerned that the style may be hurting SEO. Moreover, redesigning something inverse with the same quality would be a large project and fairly costly, so I'd like to make sure the benefit will really be worth the cost before moving forward.
Web Design | | Bromtec0 -
Pin It Button, Too Many Links, & a Javascript question...
One of the sites I work for has some massive on-page link problems. We've been trying to come up with workarounds to lower the amount of links without making drastic changes to the page design and trying to stay within SEO best practices. We had originally considered the NoFollow route a few months back but that's not viable. We changed around some image and text links so they were wrapped together as one link instead of being two links to the same place. We're currently running tests on some pages to see how else to handle the issue. What has me stumped now though is that the damned Pinterest Pin Button counts as an external link and we've added it to every image in our galleries. Originally we found that having a single Pin It button on a page was pulling incorrect images and not listing every possible image on the page... so to make sure that a visitor can pin the exact picture they want, we added the button to everything. We've been seeing a huge uptick in Pinterest traffic so we're definitely happy with that and don't want to get rid of the button. But if we have 300 pictures (which are all links) on a page with Pin It buttons (yet more links) we then have 600+ links on the page. Here's an example page: http://www.fauxpanels.com/portfolio-regency.php When talking with one of my coders, he suggested some form of javascript might be capable of making the button into an event instead of a link and that could be a way to keep the Pin It button while lowering on-page links. I'm honestly not sure how that would work, whether Google would still count it as a link, or whether that is some form of blackhat cloaking technique we should be wary of. Do any of you have experience with similar issues/tactics that you could help me with here? Thanks. TL;DR Too many on page links. Coder suggests javascript "alchemy" to turn lead into gold button links into events. Would this lower links? Or is it bad? Form of Cloaking?
Web Design | | MikeRoberts0 -
Yes or No for Ampersand "&" in SEO URLs
Hi Mozzers I would like to know how crawlers see the ampersand (& or &) in your URLs and if Google frown upon this or not? As far as I know they purely recognise this as "and" is this correct and is there any best practice for implementing this, as I know a lot of people complained before about & in links and that it is better to use it as &, but this is not on links, this is on URLs. Reason for this is that we looking to move onto an ASP.Net MVC framework (any suggestions for a different framework are welcome, we still just planning out future development) and in order to make use of the filter options we have on our site we need a parameter to indicate the difference on a routing level (routing sends to controller, controller sends to model, model sends to controller and controller sends to view < this is pattern of a request that comes in on the framework we will be using). I already have -'s and /'s in the URLs (which is for my SEO structuring) so these syntax can't be used for identifying filters the user clicks or uses to define their search as it will create a complete mess in the system. Now we looking at & to say; OK, when a user lands on /accommodation and they selects De Kelders (which is a destination in our area) the page will be /accommodation/de-kelders on this page they can define their search further to say they are looking for 5 star accommodation and it should be close to the beach, this is where the routing needs some guidance and we looking to have it as follow: /accommodation/de-kelders/5-star&close-to-the-beach. Now, does the "&" get identified by search engines on a URL level as "and" and does this cause any issues with crawling or indexation or would it be best to look at another solution? Thanks, Chris Captivate
Web Design | | DROIDSTERS0 -
Competitive Analysis: Links & Keywords
I'm noticing that for some key local search terms our company is not ranking in SERPs as I would expect considering it's size relative to the local sites that are ranking. I subscribed to SEOmoz to get a better understanding of what's going on, and haven't figured it out yet. Our site is higher in almost every metric than the sites we're competing with, but our competition consistently ranks higher in organic results for industry standard keywords. The few metrics we're being outranked in are, "Linking C Blocks" and "Page MozTrust" (we're very close to the leader in MozTrust). Are these two metrics enough to account for our companies poor SERP performance or do I need to be paying attention to something else?
Web Design | | thinkWebstoreSEO0 -
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