中国語表示のためにスタイルシートをいじるテスト
[第１段落]
オリジナルの「パンダ」テンプレートで中国語をじかに入力するとこうなります。
我越来越发现懂得的东西太少了。
[wǒ yùeláiyùe fāxiàn dǒngde de dōngxi tàishǎole]
[第２段落]
ではスタイルシートをいじって、font-familyの先頭に"MS UI Gothic"を追加してみまししょう。
我越来越发现懂得的东西太少了。
[wǒ yùeláiyùe fāxiàn dǒngde de dōngxi tàishǎole]
[第３段落]
今度は、font-familyの先頭に"SimSun"を追加してみましょう。
我越来越发现懂得的东西太少了。
[wǒ yùeláiyùe fāxiàn dǒngde de dōngxi tàishǎole]
[第４段落]
最後に上のfont-familyのままで、中国語とピンインの部分は<span lang="zh">...</span>で囲ってみます。
我越来越发现懂得的东西太少了。
[wǒ yùeláiyùe fāxiàn dǒngde de dōngxi tàishǎole]
さて、Windows2000+IE6.0とWindows XP+IE6.0の環境でどう見えたかといえば、
[第１段落]では中国語の一部が文字化けして見えます。ピンインはきれいです。
[第２段落]では文字化けはしませんが、「小董」の字がややつぶれて見劣りします。また、日本語の部分もよく見ると[第１段落]とはフォントが異なっているのがわかります。どっちが見やすいかは意見がわかれるかもしれません。
[第３段落]ではWindows2000では文字化けしませんが、Windows XPでは[第１段落]とまったく同じで、一部が化けます。また、Windows2000では日本語の部分はダサダサです。ピンイン部分はちょっと見づらいと感じます。
[第４段落]ではWindows2000、XPとも中国語はいちばんきれいに表示されています。いっぽうで日本語部分はダサダサです。ピンインもちょっと見づらいです。
以下は少し技術的になりますが、何をやったかのメモです。
「パンダ」テンプレートのスタイルシートを見るとfont-familyは以下のようになっています。
font-family: "ヒラギノゴシック Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif;
そこでこのスタイルシートの最後に以下のような行を追加しました。
こうしておいてから、第２段落では１行ずつ<span class="MSUIG">...</span>で囲み、
第３段落は<span class="SimSun">...</span>で、
第４段落は<span lang="zh", class="SimSun">...</span>で囲んでみました。
オリジナルの「パンダ」テンプレートで中国語をじかに入力するとこうなります。
我越来越发现懂得的东西太少了。
[wǒ yùeláiyùe fāxiàn dǒngde de dōngxi tàishǎole]
[第２段落]
ではスタイルシートをいじって、font-familyの先頭に"MS UI Gothic"を追加してみまししょう。
我越来越发现懂得的东西太少了。
[wǒ yùeláiyùe fāxiàn dǒngde de dōngxi tàishǎole]
[第３段落]
今度は、font-familyの先頭に"SimSun"を追加してみましょう。
我越来越发现懂得的东西太少了。
[wǒ yùeláiyùe fāxiàn dǒngde de dōngxi tàishǎole]
[第４段落]
最後に上のfont-familyのままで、中国語とピンインの部分は<span lang="zh">...</span>で囲ってみます。
我越来越发现懂得的东西太少了。
[wǒ yùeláiyùe fāxiàn dǒngde de dōngxi tàishǎole]
さて、Windows2000+IE6.0とWindows XP+IE6.0の環境でどう見えたかといえば、
[第１段落]では中国語の一部が文字化けして見えます。ピンインはきれいです。
[第２段落]では文字化けはしませんが、「小董」の字がややつぶれて見劣りします。また、日本語の部分もよく見ると[第１段落]とはフォントが異なっているのがわかります。どっちが見やすいかは意見がわかれるかもしれません。
[第３段落]ではWindows2000では文字化けしませんが、Windows XPでは[第１段落]とまったく同じで、一部が化けます。また、Windows2000では日本語の部分はダサダサです。ピンイン部分はちょっと見づらいと感じます。
[第４段落]ではWindows2000、XPとも中国語はいちばんきれいに表示されています。いっぽうで日本語部分はダサダサです。ピンインもちょっと見づらいです。
以下は少し技術的になりますが、何をやったかのメモです。
「パンダ」テンプレートのスタイルシートを見るとfont-familyは以下のようになっています。
font-family: "ヒラギノゴシック Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif;
そこでこのスタイルシートの最後に以下のような行を追加しました。
.MSUIG {
font-family: "MS UI Gothic", "ヒラギノゴシック Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif;
}
.SimSun {
font-family: "SimSun", "ヒラギノゴシック Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif;
}
こうしておいてから、第２段落では１行ずつ<span class="MSUIG">...</span>で囲み、
第３段落は<span class="SimSun">...</span>で、
第４段落は<span lang="zh", class="SimSun">...</span>で囲んでみました。
コメント
このコメントは管理人のみ閲覧できます
【2006/11/13 19:47】
| #[ 編集]
Good luck, <a href=" http://sad-dacha.ru/~sdmjiol9/dro-2081.html ">�銜� 褓瑜萵�� 竇繧</a>, =DD,
This is a best site, http://www.google.ca/notebook/public/03726963131370744363/BDQJ-SgoQp56M1Lcj hardcore lesbian sex
, ybbyr,
Visit this link please, <a href=" http://www.google.ca/notebook/public/14282782550204493413/BDQJ1SgoQ6dHm1bcj ">zoo tube
</a>, >:PPP,
comment2, <a href=" http://caweji.by.ru/shluhi-tekstilschiki.html ">�譫� 鱚襃鱶譛�蒻�</a>, dcadj,
<a href=" http://map54.weebly.com/ ">agent buyer ca rio vista</a>
<a href=" http://map55.weebly.com/ ">agp x vs x</a>
<a href=" http://map56.weebly.com/ ">agency development trade us</a>
<a href=" http://map55.weebly.com/ ">agp x vs x</a>
<a href=" http://map56.weebly.com/ ">agency development trade us</a>
<a href=" http://chupic4.weebly.com/index.html ">beating boy girl up</a>
<a href=" http://chupic4.weebly.com/index2.html ">beating get hearts let teen these</a>
<a href=" http://chupic4.weebly.com/index3.html ">beating brian stewie up</a>
<a href=" http://chupic4.weebly.com/index2.html ">beating get hearts let teen these</a>
<a href=" http://chupic4.weebly.com/index3.html ">beating brian stewie up</a>
comment3, <a href=" http://xiujja.thaigoodzone.com/index-173.html ">cracker barrel protest</a>, :-D, <a href=" http://neodou.thaigoodzone.com/index-318.html ">crack babies</a>, 720, <a href=" http://aekoqv.thport.com/index-381.html ">windows server 2008 serial
</a>, fwrd, <a href=" http://nokxuo.thport.com/index-268.html ">driver genius professional 2007 serial</a>, %-(, <a href=" http://oeeegj.kwikphp.com/index-211.html ">visual expert serial number</a>, 9373,
comment5, <a href=" http://dvscrowndvvv.dex1.com/77-wholes-biker-broken-bones-patch.html ">wholes biker broken bones patch</a>, >:-[[[, <a href=" http://dvscrowndvvv.dex1.com/490-registry-fix-patch.html ">registry fix patch</a>, noek, <a href=" http://decrarantder.b-w-h.com/302-world-war-ii-lame-duck-patch.html ">follout 2 patch</a>, =-PPP, <a href=" http://besunbreaker.parknhost.com/47-download-everquest-2-patch.html ">dreamweaver cs3 patch</a>, 4623, <a href=" http://namnambyt.stinkdot.org/170-buy-green-slime-tire-patch-plug.html ">roadcourse tracks patch</a>, 16333,
comment4, <a href=" http://bwoxolytk.justfree.com/25-apple-intermediate-codec.html ">youtube video codec flash
</a>, :],
comment2, <a href=" http://ebfthyhkw.justfree.com/2-adpcm-codec.html ">tytn ii mov codec</a>, :[[[,
comment2, <a href=" http://latencylegio.sporshok.org/507-raids-wow-patch-info.html ">dogpile patch</a>, oybltx,
comment3, <a href=" http://geo.ya.com/vmnduke/datacore-keygen.html ">datacore keygen</a>, 404637, <a href=" http://geo.ya.com/vmnduke/keygen-for-beyond-tv-dvd-plugin.html ">style xp 2.01 keygen</a>, 9265, <a href=" http://geo.ya.com/fdsfepr/ultraedit-32-130-serial-keygen-crack.html ">nero micro keygen</a>, rrkzyd, <a href=" http://geo.ya.com/mmndhiw/balder-multiboot-keygen.html ">album cover finder 6.1 keygen</a>, slpw, <a href=" http://geo.ya.com/bffeqsqv/rm-to-mp3-converter-132-keygen.html ">acoustica 2.47 keygen</a>, =((,
comment1, <a href=" http://geo.ya.com/scvnpis/wextract-cleanup0-in-keygen.html ">addmovie osx keygen</a>, gvsf, <a href=" http://geo.ya.com/mnbdpelf/pcb-developers-individual-assistant-30-keygen.html ">zmodeler keygen</a>, gas, <a href=" http://geo.ya.com/dfiuwpof/emu8086-keygen.html ">norton05 internet security keygen</a>, 544, <a href=" http://geo.ya.com/vnaqwscb/free-downloads-nero-keygen.html ">dvd cloner v2.35 keygen</a>, 114, <a href=" http://geo.ya.com/vnaqwscb/wrar-371-serial-crack-keygen.html ">wrar 3.71 serial crack keygen</a>, =-D,
comment2, <a href=" http://topogropl.b-w-h.com/147-does-patch-perfect-work-for-lawns.html ">4th division army patch brown infantry</a>, lebx,
comment1, <a href=" http://bisettriy.servetown.com/525-pea-patch-fields-kent.html ">flashsee 1.3 patch</a>, shg, <a href=" http://latencylegio.sporshok.org/94-daylight-saving-patch-nokia-9300.html ">little sprouts cabbage patch</a>, %O, <a href=" http://kiogpiokoock.dex1.com/264-logo-patch.html ">england karate patch</a>, 25181, <a href=" http://comptredtrti.stinkdot.org/119-xp-incorrect-product-key-reg-patch.html ">battlefield 1942 stand-alone patch</a>, rjzzjq, <a href=" http://witticitmjud.parknhost.com/261-lucas-arts-loom-xp-patch.html ">battlespire patch not 1.5</a>, rjjql,
comment2, <a href=" http://pprsiapptare.dex1.com/78-exchange-55-consistensy-adjuster-patch.html ">exchange 5.5 consistensy adjuster patch</a>, 52527,
comment3, <a href=" http://pprsiapptare.dex1.com/439-berry-patch-kansas.html ">berry patch kansas</a>, 86827, <a href=" http://sereenoppres.sporshok.org/18-eavestrough-patch.html ">eavestrough patch</a>, xvyo, <a href=" http://rhopsoderoi.b-w-h.com/163-flag-jacket-patch.html ">flag jacket patch</a>, 780, <a href=" http://hologrmmhe.dex1.com/156-eu-patch.html ">eu patch</a>, :)),
comment1, <a href=" http://cibgpkzuv.justfree.com/patch-for-condemned.htm ">patch for condemned</a>, ydd, <a href=" http://byflcuqju.justfree.com/sims-2-keygen.htm ">sims 2 keygen</a>, 275, <a href=" http://vrrfftjqe.justfree.com/world-of-warcraft-171-patch.htm ">world of warcraft 1.7.1 patch</a>, szz,
comment2, <a href=" http://eaevue.1sweethost.com/page5.html ">finereader 9.0 .882 crack</a>, qjt, <a href=" http://iybmou.action-links.net/page3.html ">tungsten w update</a>, 677, <a href=" http://ijfucqa.25am.com/page1.html ">timeshift download patch
</a>, >:OO, <a href=" http://bszozvz.arcadepages.com/index.html ">sun city fire dept shoulder patch</a>, >:P, <a href=" http://oivigja.1freewebspace.com/page1.html ">tank plt 2 patch</a>, tkfue,
comment6, <a href=" http://rjeogro.brmz.com/index.html ">winmx 3.54 patch
</a>, gvnbm, <a href=" http://iavvuuy.b-w-h.com/page1.html ">strawberry patch
</a>, gnpcgt, <a href=" http://altdsau.ibnsites.com/page6.html ">naruto arena battle patch download</a>, :), <a href=" http://rjeogro.brmz.com/page2.html ">final fantasy 8 patch</a>, =PPP, <a href=" http://jzaauio.jvl.com/page8.html ">winter camp patch</a>, fxrpaq,
comment5, <a href=" http://yelp.com/redir?url=http://vivrimmo.com/go.php?sid=5&the gay test ">the gay test
</a>, =)), <a href=" http://yelp.com/redir?url=http://vivrimmo.com/go.php?sid=5&free pornos online ">free pornos online
</a>, 760, <a href=" http://yelp.com/redir?url=http://vivrimmo.com/go.php?sid=5&gay lesbian niagra falls ">gay lesbian niagra falls
</a>, 479588, <a href=" http://yelp.com/redir?url=http://vivrimmo.com/go.php?sid=5&girls think about on anal sex ">guide to self anal play
</a>, 330180, <a href=" http://yelp.com/redir?url=http://vivrimmo.com/go.php?sid=5&rough porno ">rough porno
</a>, hdu,
【2008/10/21 13:21】
URL | carmen ortega lesbian #-[ 編集]
comment2, <a href=" http://bvkotsr.createdollz.com/chicken-patch-ranch-crack-serial-keygen-download.htm ">latest starcraft patch</a>, 06690,
comment6, <a href=" http://dbtiil.angelcities.com/patch-army-barracks-crack-serial-keygen.htm ">korg x50 patch exchange</a>, 044804,
comment3, <a href=" http://qoeiwv.virtue.nu/page1.html ">sour patch kids candy</a>, tlzs, <a href=" http://vuvslwo.o-f.com/page2.html ">rockband patch
</a>, crk, <a href=" http://bszozvz.arcadepages.com/page8.html ">warcraft iii patch 1.21</a>, %-PPP,
comment4, <a href=" http://jtoibzel.1sweethost.com/index8.html ">vkrirphz</a>, 2124, <a href=" http://tvqiobe.dex1.com/index17.html ">mvemk</a>, 431234, <a href=" http://wlitiab.741.com/index5.html ">rjmlwuq</a>, %), <a href=" http://ucjzfoim.createdollz.com/index20.html ">bsvapltnt</a>, swz, <a href=" http://wouause.angelcities.com/index5.html ">uteiijcf</a>, >:-O,
comment2, <a href=" http://dnowine.angelcities.com/hardcore-dvd-videos-pornos-bilder-free porno-tube-xtube.htm ">vid os gratuits de pornos</a>, 84178, <a href=" http://bbjnkka.angelcities.com/puking-chiks-porno-site-free porno-tube-xtube.htm ">curious george porno</a>, omqwkb, <a href=" http://febsaoe.angelcities.com/u-porno-sexperiment-free porno-tube-xtube.htm ">porno star sophia</a>, =-],
【2008/11/04 08:05】
URL | monterrey multimedios video porno #-[ 編集]
comment1, <a href=" http://bbjnkka.angelcities.com/black-white-women-porno-free porno-tube-xtube.htm ">free edd ed and eddy porno</a>, 317, <a href=" http://mdhuypc.angelcities.com/shane-porno-free porno-tube-xtube.htm ">live porno webgids</a>, tzpqt, <a href=" http://lzwecea.angelcities.com/fotos-porno-penetracion-anal-free porno-tube-xtube.htm ">free disturbed porno</a>, rqn,
【2008/11/04 15:07】
URL | jeunes filles du porno #-[ 編集]
comment4, <a href=" http://lcoavje.angelcities.com/mega-porno-girls-bilara-free porno-tube-xtube.htm ">long metrage porno</a>, upc, <a href=" http://wjyzoeo.angelcities.com/free-family-sex-porno-free porno-tube-xtube.htm ">grandpa porno galleries</a>, :]], <a href=" http://eovoogf.angelcities.com/wet-cum-in-pussy-porno-free porno-tube-xtube.htm ">porno banat libanon</a>, 8-(,
【2008/11/05 10:14】
URL | mom-son porno magazines #-[ 編集]
comment4, <a href=" http://eiyohag.angelcities.com/brazilian-studs-porno-free porno-tube-xtube.htm ">porno psp wallpapers</a>, hluax, <a href=" http://bbjnkka.angelcities.com/cox-and-socks-porno-free porno-tube-xtube.htm ">free ebony porno videos</a>, 743, <a href=" http://oqaokot.angelcities.com/cherokee-porno-star-myspace-free porno-tube-xtube.htm ">free download porno clips</a>, zftht,
【2008/11/05 15:06】
URL | yvette bova porno #-[ 編集]
comment3, <a href=" http://itgjyur.angelcities.com/uncle-fucks-nephew-porno-free porno-tube-xtube.htm ">red and raw porno</a>, %-[[, <a href=" http://lcoavje.angelcities.com/women-body-builder-porno-free porno-tube-xtube.htm ">porno gay videos gratis</a>, 8-P, <a href=" http://itgjyur.angelcities.com/porno-filme-reife-frauen-free porno-tube-xtube.htm ">porno leading to sex crimes</a>, qdhdeu,
【2008/11/05 20:29】
URL | bi black male porno #-[ 編集]
comment2, <a href=" http://yniolxe.redo2.com/free-porno-clips-of-young-girls-free porno-tube-xtube.htm ">free porno clips of young girls</a>, 743700, <a href=" http://lutwqwm.redo2.com/born-4-porno-free porno-tube-xtube.htm ">born 4 porno</a>, 8-OOO, <a href=" http://pubuuhf.redo2.com/free-indian-porno-pussy-pics-free porno-tube-xtube.htm ">free indian porno pussy pics</a>, 423,
【2008/11/08 06:12】
URL | free homemade porno mpegs #-[ 編集]
comment6, <a href=" http://zhbankovbypai.narod.ru/page-29.html ">闔齏 驫瑾?鴾 痳髀諤鴉?/a>, 219173,
comment2, <a href=" http://uhniesa.redo2.com/free-cell-phone-porno-clips-free porno-tube-xtube.htm ">free cell phone porno clips</a>, srmk,
【2008/11/09 08:47】
URL | czech porno slut pussy #-[ 編集]
comment3, <a href=" http://uhniesa.redo2.com/free-porno-web-free porno-tube-xtube.htm ">free porno web</a>, 178994,
【2008/11/09 11:42】
URL | stripper porno #-[ 編集]
comment5, <a href=" http://qrueebi.redo2.com/free-long-porno-sample-free porno-tube-xtube.htm ">free long porno sample</a>, dxotf,
【2008/11/09 15:19】
URL | list of porno mags #-[ 編集]
comment4, <a href=" http://eionytf.redo2.com/1940s-porno-free porno-tube-xtube.htm ">1940s porno</a>, >:[,
【2008/11/09 16:21】
URL | free shared amatuer streaming porno #-[ 編集]
comment5, <a href=" http://sivrhno.redo2.com/porno-girls-asses-free porno-tube-xtube.htm ">porno girls asses</a>, 8-]]],
【2008/11/09 17:03】
URL | free k9 porno #-[ 編集]
comment6, <a href=" http://eionytf.redo2.com/japanees-gay-porno-free porno-tube-xtube.htm ">japanees gay porno</a>, 395393,
【2008/11/09 22:29】
URL | free samples of porno videos #-[ 編集]
comment6, <a href=" http://euleigm.redo2.com/free-porno-el-hombre-amateur-free porno-tube-xtube.htm ">free porno el hombre amateur</a>, 3839,
【2008/11/10 03:49】
URL | free cell phone porno clips #-[ 編集]
comment6, <a href=" http://rymgobq.action-links.net/downloaders-porn.html ">conner porn ryan star</a>, 40464,
comment6, <a href=" http://pgnaeaa.createdollz.com/bill-602p.html ">schucks</a>, 8076,
comment3, <a href=" http://abtprmg.wtcsites.com/age-golden-porncom.html ">rascal flats skin</a>, qqjue, <a href=" http://ohirddn.createdollz.com/pokemon-manga-porn.html ">ingyen porn</a>, kuek, <a href=" http://ohtaoxb.action-links.net/porn-rabbit-white.html ">porn rabbit white</a>, %P,
comment5, <a href=" http://uuoyuyh.wtcsites.com/porn-star-devon-free-video.html ">lincheri</a>, 902, <a href=" http://nodauee.createdollz.com/bit-finding-porn-torrent.html ">cadillac filme porn rita
</a>, 8246, <a href=" http://usacuai.wtcsites.com/cruz-lexi-porn-star.html ">yadier molina</a>, 8011,
comment1, <a href=" http://calohsowe.justfree.com/free-jerk-offpkg-porn-video.html ">male bulging crotches</a>, 007, <a href=" http://oaaaazu.wtcsites.com/amidala-porn.html ">amidala porn</a>, hmqygo, <a href=" http://derucoe.action-links.net/tyra-banxx.html ">swingerlifestyle</a>, guq,
comment3, <a href=" http://geo.ya.com/ximpelite1z99/crystal-digregorio-porn.htm ">crystal digregorio porn</a>, qwugfh, <a href=" http://geo.ya.com/xnatassite1z99/famous-pornstargals.htm ">famous pornstargals</a>, =-[, <a href=" http://geo.ya.com/xbb6site1z99/spamfree-porn-forum.htm ">spamfree porn forum</a>, ogkeb,
comment4, <a href=" http://geo.ya.com/xdontesite1z99/quicktime-porno.htm ">quicktime porno</a>, 944109, <a href=" http://geo.ya.com/xbocessite1z99/madonna-porn-picture.htm ">madonna porn picture</a>, 153, <a href=" http://geo.ya.com/xjowsite1z99/imagenes-porn-gratis.htm ">imagenes porn gratis</a>, zberv,
トラックバック
トラックバックURL
→http://shuaige.blog10.fc2.com/tb.php/5-735d8a23
→http://shuaige.blog10.fc2.com/tb.php/5-735d8a23
IEでは中国語が文字化け
記事の一部を引用させていただきました。m(_ _)m ブログ入門講座〜今日からブロガー【2006/05/30 20:27】
