「あなたのサイト大丈夫ですか…？」追記あり

tacamy @tacamy

大変！Google Font API使ったサイトをiPhoneで見ると日本語部分がまったく表示されない！どうしたらいいんだろ…。

tacamy @tacamy

iPhoneにはGoogle Font APIの記述読み込まないようにしなきゃなのかなー…めんどいねー(´･ω･`)

IE6 @ie6bot

@tacamy (´・ω・｀) 最近Google リーダーを使いはじめたけど、なんかおかしい。

tacamy @tacamy

検索しても出てこないし誰も気づいてないのかなぁ。うーん。

ゃべゃすひと@駆け出したいウェブ制作な人 @yabecchy

@tacamy Google Font APIの件、やってみたけど確かに出ませんね・・・

tacamy @tacamy

@mediaでiPhoneバンドルフォントで上書きしてもダメなの…？一回読み込んだらもう終わりなの…？日本語サイトではGoogle Font API使えないってことなの…？

tacamy @tacamy

@yabecchy iPadはどうなのかっていう謎も…！＞＜。@mediaで上書きしてもダメだったし、日本語サイトでは使っちゃダメなんすかねぇ。

ゃべゃすひと@駆け出したいウェブ制作な人 @yabecchy

@tacamy iPadもダメですね。日本語部分にwebフォント指定がかかっているとそこが消えるみたいです。

tacamy @tacamy

iPhoneだけ上書きしたらいけた！＠media screen and(max-device-width:480px){body{font-family:ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3";}}

tacamy @tacamy

うあーん！せっかく直ったと思ったのに…。 RT: @yabecchy: @tacamy iPadもダメですね。日本語部分にwebフォント指定がかかっているとそこが消えるみたいです。

tacamy @tacamy

iPadもだったらメディアクエリ使えないですね、UA見てCSS振り分けないとですね、めんどくさいですね。Web Font使わないようにしようかな…。

ikuya @ikuya

@tacamy 御社のそういう、なんていうかトライアンドエラーになっちゃうけどやってみるというカルチャー、好きです。つくるひとがいっぱいいますね。

tacamy @tacamy

smartphone.cssにbody{font-family:sans-serif;}って書いて、UAで振り分けてフォント指定上書きするようにした！Google Font API使ってる人iPhone/iPadで日本語消えてますよ！「あなたのサイト大丈夫ですか…？」

IE6 @ie6bot

@tacamy (´・ω・｀) CSS？もうハックを使えばいいと思うよ

IE6 @ie6bot

@tacamy (´・ω・｀) ・・・。

tacamy @tacamy

WEB Fontsより前に、iPhoneバンドルの「"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"」指定したら日本語見れたから結局振り分けないですんだ！Macのヒラギノと違うから、Winにこれ入れてる人もレアだし見にくくならないだろし！

tacamy @tacamy

わわーん！ありがとうございます！やーでもなおってよかった！＾＾ RT: @ikuya: @tacamy 御社のそういう、なんていうかトライアンドエラーになっちゃうけどやってみるというカルチャー、好きです。つくるひとがいっぱいいますね。

emi moriya @emim

昨日 @tacamy さんが仰ってた日本語×Google Font API×iPhone/iPadの件、弊社の松島が検証してくれたよ→ http://bit.ly/aEXrpH

tacamy @tacamy

うおお！ありがとうございます！takamyになってるけど…ｗ RT: @emim: 昨日 @tacamy さんが仰ってた日本語×Google Font API×iPhone/iPadの件、弊社の松島が検証してくれたよ→ http://bit.ly/aEXrpH

tacamy @tacamy

@emim じっくり読まさせていただきやんす！＾＾

emi moriya @emim

@tacamy おｗｗ（報告しときます！ｽﾐﾏｾﾝorz）

emi moriya @emim

@tacamy 失礼いたしました、失礼いたしました orz（直しました報告。。。）

tacamy @tacamy

SINAPさんの検証が素晴らしすぎる！ちょーわかりやすい！ありがとうございました！ Google Font API のウェブフォントで日本語が表示されない理由 http://bit.ly/9B1qTB

hamashun @hamashun

Google Font のiPhone問題のいいまとめ！ http://blog.sinap.jp/2010/06/google-font-api.html *Tw*

tacamy @tacamy

@emim 失礼も何もツイートひろってくれた上にこんな丁寧な検証と説明してもらえてほんと感謝です！！！すごーーーい！（難しいことはよくわからんけどとりあえずできたからいいやで放置してたから…。）