{"id":1117,"date":"2021-03-24T02:15:54","date_gmt":"2021-03-24T02:15:54","guid":{"rendered":"https:\/\/toneoz.com\/blog\/?page_id=1117"},"modified":"2021-04-22T04:52:30","modified_gmt":"2021-04-22T04:52:30","slug":"usagefontcolor","status":"publish","type":"page","link":"https:\/\/toneoz.com\/blog\/usagefontcolor\/","title":{"rendered":"Pinyin Zhuyin Font and Color \u62fc\u97f3\u6ce8\u97f3\u7de8\u8f2f\u5668:\u5b57\u578b\u8207\u984f\u8272"},"content":{"rendered":"\n<p>You can apply same or different font and color to Pinyin, Zhuyin, and the Chinese character area. <br>\u62fc\u97f3,\u6ce8\u97f3,\u6f22\u5b57. \u4e09\u500b\u5340\u57df\u53ef\u5206\u5225\u5957\u7528\u76f8\u540c\u6216\u4e0d\u540c\u7684\u8a2d\u5b9a.<\/p>\n\n\n\n<h2 id=\"manualcolor\">Manual Color<br>\u984f\u8272\u624b\u52d5\u8a2d\u5b9a<\/h2>\n\n\n\n<p>You can specify RGB color and opacity for Pinyin\/Zhuyin\/H\u00e0nz\u00ec<br>\u53ef\u6307\u5b9aRGB\u8272\u5f69\u53ca\u900f\u660e\u5ea6 \u5230 \u62fc\u97f3,\u6ce8\u97f3,\u6f22\u5b57.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/toneoz.com\/img\/usageimg\/usage_20210324-2.jpg\" alt=\"\" width=\"410\" height=\"386\"\/><\/figure><\/div>\n\n\n\n<h2 id=\"colorbytone\">Auto Color by Tone<br>\u4f9d\u7167\u8072\u8abf\u4e0a\u8272<\/h2>\n\n\n\n<p>&#8220;Color coding by tone&#8221; is to apply different colors on each Chinese character by their  pronunciation tone, see reference : &#8220;Chinese Through Tone and Color (Nathan Dummitt 2008)&#8221;. You can select color theme preset from common used English-Chinese dictionaries : &nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.pleco.com\/\" target=\"_blank\">Pleco<\/a>, &nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.mdbg.net\/chinese\/dictionary\" target=\"_blank\">MDBG<\/a>,&nbsp; <a rel=\"noreferrer noopener\" href=\"https:\/\/hanpingchinese.com\/\" target=\"_blank\">HanPing<\/a>, or Dummitt. E.g.: In Pleco dictionary, Chinese tone 12345 are in color Red Green Blue Purple and Gray. You can also manually specify each tone color.<br>\u4e2d\u6587\u7684\u8072\u8abf\u5c0d\u65bc\u975e\u4e2d\u6587\u6bcd\u8a9e\u7684\u5b78\u751f\u4f86\u8aaa\u662f\u4e00\u5927\u6311\u6230\u3002\u6b50\u7f8e\u7684\u4e00\u4e9b\u6559\u5b78\u6587\u737b\u63d0\u51faChinese Through Tone and Color (Nathan Dummitt 2008)\uff0c \u6bd4\u7167\u5f69\u8679\u8272\u5f69\u9806\u5e8f\u5c07\u4e0d\u540c\u8072\u8abf\u7684\u6f22\u5b57\u4e0a\u8272\uff0c\u6709\u52a9\u65bc\u5b78\u7fd2\u8208\u8da3\u8ddf\u8a18\u61b6\u3002\u4e00\u4e9b\u53d7\u6b61\u8fce\u7684\u96fb\u5b50\u6f22\u82f1\u5b57\u5178\u90fd\u6709\u56fa\u5b9a\u7684\u914d\u8272\u652f\u63f4\u9019\u7a2e\u529f\u80fd(&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.pleco.com\/\" target=\"_blank\">Pleco<\/a>,&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.mdbg.net\/chinese\/dictionary\" target=\"_blank\">MDBG<\/a>,&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/hanpingchinese.com\/\" target=\"_blank\">HanPing<\/a>)\u3002 ToneOZ \u652f\u63f4\u4e00\u9375\u81ea\u52d5\u8a2d\u5b9a\u8072\u8abf\u8272\u5f69\uff0c\u53ef\u4ee5\u9078\u64c7\u5404\u5927\u5b57\u5178\u7684\u9810\u8a2d\u914d\u8272\uff0c\u4e5f\u53ef\u4ee5\u81ea\u8a02\u914d\u8272\u3002<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img src=\"https:\/\/toneoz.com\/img\/usageimg\/usage_20210324-5.jpg\" alt=\"\"\/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Example : Without color by tone<br>\u7bc4\u4f8b : \u4f7f\u7528\u666e\u901a\u4e0a\u8272<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/toneoz.com\/img\/usageimg\/usage_20210324-4.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Example : With color by tone<br>\u7bc4\u4f8b : \u4f7f\u7528\u4f9d\u7167\u8072\u8abf\u4e0a\u8272<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/toneoz.com\/img\/usageimg\/usage_20210324-3.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<h2>Font \u5b57\u578b<\/h2>\n\n\n\n<p>ToneOZ\u7684\u5b57\u578b\u5de5\u5177\u53ef\u4ee5\u8b93\u60a8\u4efb\u610f\u7d44\u5408\u4e0d\u540c\u5b57\u578b\u7684\u6f22\u5b57\u3001\u62fc\u97f3\u3001\u6ce8\u97f3\u3002<\/p>\n\n\n\n<h3 id=\"googlefont\"><strong><img loading=\"lazy\" width=\"24\" height=\"24\/\" src=\"https:\/\/toneoz.com\/img\/google.png\">&nbsp;\u8c37\u6b4c\u5b57\u578b \u514d\u8cbb\u5546\u7528<\/strong><\/h3>\n\n\n\n<p>ToneOZ\u53ef\u4f7f\u7528\u8c37\u6b4c\u516c\u53f8\u63d0\u4f9b\u7684\u591a\u7a2e&nbsp;<a href=\"https:\/\/toneoz.com\/usage_font.html#googlefont\" target=\"_blank\" rel=\"noreferrer noopener\">\u514d\u8cbb\u5546\u696d\u6388\u6b0a<\/a>&nbsp;\u7db2\u8def\u5b57\u578b\uff0c\u6240\u6709\u624b\u6a5f\u5e73\u677f\u96fb\u8166\u90fd\u53ef\u4f7f\u7528\uff0c\u4e0d\u9808\u4e0b\u8f09\u5b89\u88dd\u3002\u5305\u62ec\uff1a<\/p>\n\n\n\n<p>\u7e41 \u601d\u6e90\u5b8b\u9ad4<br>\u7e41 \u601d\u6e90\u9ed1\u9ad4<br>\u7e41 \u601d\u6e90\u4eff\u5b8b\u9ad4<br>\u7e41 \u601d\u6e90\u6977\u9ad4<br>\u7e41 \u601d\u6e90\u5713\u9ad4<br>\u7e41 \u601d\u6e90\u660e\u9ad4<br>\u7b80 \u601d\u6e90\u9ed1\u4f53<br>\u7b80 \u601d\u6e90\u5b8b\u4f53<br>\u7b80 \u9a6c\u5584\u653f\u6bdb\u7b14\u6977\u4e66<br>\u7b80 \u5fd7\u83bd\u884c\u4e66<br>\u7b80 \u7ad9\u9177\u5c0f\u8587\u4f53<br>\u7b80 \u6d41\u6c5f\u6bdb\u8349\u4e66<br>\u7b80 \u5e86\u79d1\u9ec4\u6cb9\u4f53<br>\u7b80 \u9f99\u85cf\u4f53<br>\u7b80 \u7ad9\u9177\u5feb\u4e50\u4f53<br>\u65e5 Fontworks RocknRoll<br>\u65e5 Fontworks DotGothic16<br>\u65e5 Fontworks Raggae<br>\u65e5 Fontworks Stick<br>\u65e5 \u5c0f\u6749\u5713\u9ad4<br>\u65e5 \u5c0f\u6749\u9ed1\u9ad4<br>\u65e5 MPLUS\u5713\u9ad4<br>\u65e5 MPLUS\u9ed1\u9ad4<br>\u65e5 \u65e9\u8568\u660e\u671d<br>\u65e5 \u65e9\u8568Gothic<\/p>\n\n\n\n<h3 id=\"applefont\"><strong><img loading=\"lazy\" width=\"24\" height=\"24\/\" src=\"https:\/\/toneoz.com\/img\/apple.png\">&nbsp;\u860b\u679c\u5b57\u578b \u514d\u8cbb\u5546\u7528<\/strong><\/h3>\n\n\n\n<p>\u5982\u679c\u60a8\u662f\u4f7f\u7528\u860b\u679c\u516c\u53f8\u7684\u684c\u6a5f\u6216\u7b46\u96fb\uff0c\u860b\u679c\u516c\u53f8&nbsp;<a href=\"https:\/\/toneoz.com\/usage_font.html#googlefont\" target=\"_blank\" rel=\"noreferrer noopener\">\u5b98\u65b9\u6388\u6b0a<\/a>&nbsp;\u60a8\u53ef\u4ee5\u514d\u8cbb\u4f7f\u7528\u6240\u6709\u5167\u5efa\u5b57\u578b\u3002 ToneOZ\u6703\u81ea\u52d5\u5c07\u6240\u6709\u860b\u679c\u96fb\u8166\u5167\u5efa\u4e2d\u6587\u5b57\u578b\u52a0\u5165\u9078\u55ae\u3002\u5305\u62ec\uff1a<\/p>\n\n\n\n<p>Klee\u860b\u679c\u514b\u5229\u9ad4-\u65e5<br>\u860b\u65b9-\u7e41 \/ \u860b\u65b9-\u7b80 \/ \u860b\u65b9-\u6e2f<br>\u624b\u672d\u9ad4-\u7e41 \/ \u624b\u672d\u4f53-\u7b80<br>\u51ac\u9752\u9ed1\u4f53\u7b80\u4f53\u4e2d\u6587 W3<br>\u534e\u6587\u4eff\u5b8b<br>\u534e\u6587\u5b8b\u4f53<br>\u534e\u6587\u9ed1\u4f53<br>\u534e\u6587\u6977\u4f53<br>\u884c\u6977-\u7e41 \/ \u884c\u6977-\u7b80<br>\u5b8b\u9ad4-\u7e41 \/ \u5b8b\u4f53-\u7b80<br>\u5a03\u5a03\u9ad4-\u7e41 \/ \u5a03\u5a03\u4f53-\u7b80<br>\u51cc\u6167\u9ad4-\u7e41 \/ \u51cc\u6167\u4f53-\u7b80<br>\u5831\u96b8-\u7e41 \/ \u62a5\u96b6-\u7b80<br>\u96c5\u75de-\u7e41 \/ \u96c5\u75de-\u7b80<br>\u9ed1\u9ad4-\u7e41 \/ \u9ed1\u4f53-\u7b80<br>\u5713\u9ad4-\u7e41 \/ \u5706\u4f53-\u7b80<br>\u6977\u9ad4-\u7e41 \/ \u6977\u4f53-\u7b80<br>\u6a19\u6977\u9ad4<br>\u7fe9\u7fe9\u9ad4-\u7e41 \/ \u7fe9\u7fe9\u4f53-\u7b80<br>\u96b8\u8b8a-\u7e41 \/ \u96b6\u53d8-\u7b80<br>\u9b4f\u7891-\u7e41 \/ \u9b4f\u7891-\u7b80<br>\u860b\u679c\u5137\u4e2d\u9ed1<br>\u860b\u679c\u5137\u7d30\u5b8b<br>\u5137\u5b8b Pro<br>\u5137\u9ed1 Pro<br>\u862d\u4ead\u9ed1-\u7e41 \/ \u5170\u4ead\u9ed1-\u7b80<br>Hiragino Sans CNS W3<\/p>\n\n\n\n<h3 id=\"fzfont\"><strong>\u65b9\u6b63\u514d\u8cbb\u5546\u7528\u5b57\u578b(\u7b80)<br>\u6977\u4f53 \u9ed1\u4f53 \u5b8b\u4f53 \u4eff\u5b8b<\/strong><\/h3>\n\n\n\n<p>\u65b9\u6b63\u516c\u53f8\u7684\u300c\u6977\u9ed1\u5b8b\u4eff\u300d\u56db\u7a2e\u6a19\u6e96\u7c21\u9ad4\u5b57\u578b\uff0c\u7b46\u756b\u7b26\u5408\u300a\u901a\u7528\u898f\u7bc4\u6f22\u5b57\u8868\u300b\u9069\u5408\u6559\u5b78\u4f7f\u7528\uff0c<a rel=\"noreferrer noopener\" href=\"https:\/\/toneoz.com\/usage_font.html#fangfont\" target=\"_blank\">\u5317\u5927\u65b9\u6b63\u516c\u53f8\u5b98\u65b9\u6388\u6b0a<\/a>\u53ef\u4ee5\u514d\u8cbb\u7528\u65bc\u300c\u5546\u696d\u767c\u4f48\u300d\u3002\u60a8\u53ea\u9700\u8981\u81ea\u884c\u4e0b\u8f09\u5b89\u88dd\u5373\u53ef\uff0c\u7121\u9808\u53d6\u5f97\u66f8\u9762\u6388\u6b0a\u3002 \u5982\u679c\u60a8\u5df2\u7d93\u6709\u5b89\u88dd\u9019\u56db\u7a2e\u5b57\u578b\uff0cToneOZ\u6703\u81ea\u52d5\u5c07\u5b83\u5011\u52a0\u5165\u9078\u55ae\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\u65b9\u6b63\u6977\u4f53<br><\/td><td><a href=\"https:\/\/www.foundertype.com\/index.php\/FontInfo\/index\/id\/137\" target=\"_blank\" rel=\"noreferrer noopener\">\u5b98\u7db2\u4e0b\u8f09<\/a><\/td><td><a href=\"https:\/\/www.maoken.com\/freefonts\/1850.html\" target=\"_blank\" rel=\"noreferrer noopener\">\u8c93\u5543\u7db2\u4e0b\u8f09<\/a><\/td><\/tr><tr><td>\u65b9\u6b63\u9ed1\u4f53<br><\/td><td><a href=\"https:\/\/www.foundertype.com\/index.php\/FontInfo\/index\/id\/131\" target=\"_blank\" rel=\"noreferrer noopener\">\u5b98\u7db2\u4e0b\u8f09<\/a><\/td><td><a href=\"https:\/\/www.maoken.com\/freefonts\/1831.html\" target=\"_blank\" rel=\"noreferrer noopener\">\u8c93\u5543\u7db2\u4e0b\u8f09<\/a><\/td><\/tr><tr><td>\u65b9\u6b63\u4e66\u5b8b<br><\/td><td><a href=\"https:\/\/www.foundertype.com\/index.php\/FontInfo\/index\/id\/151\" target=\"_blank\" rel=\"noreferrer noopener\">\u5b98\u7db2\u4e0b\u8f09<\/a><\/td><td><a href=\"https:\/\/www.maoken.com\/freefonts\/1857.html\" target=\"_blank\" rel=\"noreferrer noopener\">\u8c93\u5543\u7db2\u4e0b\u8f09<\/a><\/td><\/tr><tr><td>\u65b9\u6b63\u4eff\u5b8b<br><\/td><td><a href=\"https:\/\/www.foundertype.com\/index.php\/FontInfo\/index\/id\/128\" target=\"_blank\" rel=\"noreferrer noopener\">\u5b98\u7db2\u4e0b\u8f09<\/a><\/td><td><a href=\"https:\/\/www.maoken.com\/freefonts\/1841.html\" target=\"_blank\" rel=\"noreferrer noopener\">\u8c93\u5543\u7db2\u4e0b\u8f09<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3><strong>\u4f5c\u696d\u7cfb\u7d71\u5167\u5efa\u6977\u9ad4\u9ed1\u9ad4<\/strong><\/h3>\n\n\n\n<p>\u9810\u8a2d\u9ed1\u9ad4\u3000<br>\u9810\u8a2d\u6977\u9ad4<\/p>\n\n\n\n<p>\u5982\u679c\u627e\u4e0d\u5230\u300c\u9810\u8a2d\u6977\u9ad4\u300d\uff0c\u53ef\u80fd\u56e0\u70ba\u60a8\u7684\u4f5c\u696d\u7cfb\u7d71\u4e0d\u662f\u684c\u4e0a\u578b\u4e2d\u6587\u7248\u3002\u82f1\u6587\u7248\u7684Windows\u4f5c\u696d\u7cfb\u7d71\u53ef\u4ee5\u900f\u904e\u5b89\u88dd \u300c<a href=\"https:\/\/support.microsoft.com\/en-us\/help\/14236\/windows-language-packs\" target=\"_blank\" rel=\"noreferrer noopener\">\u4e2d\u6587\u8a9e\u8a00\u5957\u4ef6\uff0f\u8bed\u8a00\u5305<\/a>\u300d \u4f86\u5f97\u5230\u6977\u9ad4\u5b57\u578b\u3002<\/p>\n\n\n\n<p>\u624b\u6a5f\uff0c\u5e73\u677f\u96fb\u8166\uff0c\u4ee5\u53caChromeBook\uff0c\u6c92\u6709\u5167\u5efa\u6977\u9ad4\u5b57\u578b\uff0c\u8acb\u6539\u7528\u8c37\u6b4c\u601d\u6e90\u6977\u9ad4\u5b57\u578b\u3002<\/p>\n\n\n\n<h3>\u81ea\u8a02\u5b57\u578b<\/h3>\n\n\n\n<p>\u53c3\u898b \u300c<a href=\"https:\/\/toneoz.com\/blog\/customfont\/\">\u81ea\u8a02\u5b57\u578b<\/a>\u300d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/toneoz.com\/blog\/customfont\/\"><img loading=\"lazy\" src=\"https:\/\/toneoz.com\/img\/customfont_04.jpg\" alt=\"\" width=\"258\" height=\"282\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><em>Click here to use it now : <a href=\"https:\/\/toneoz.com\/\">ToneOZ<\/a><\/em><br><em>\u9ede\u6b64\u958b\u555f =&gt; <a href=\"https:\/\/toneoz.com\/\">\u62fc\u97f3\u6ce8\u97f3\u7de8\u8f2f\u5668 ToneOZ<\/a><\/em><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>You can apply same or different font and color to Pinyin, Zhuyin, and the Chinese character area. \u62fc\u97f3,\u6ce8\u97f3,\u6f22\u5b57. \u4e09\u500b\u5340\u57df\u53ef\u5206\u5225\u5957\u7528\u76f8\u540c\u6216\u4e0d\u540c\u7684\u8a2d\u5b9a. Manual Color\u984f\u8272\u624b\u52d5\u8a2d\u5b9a You can specify RGB color and opacity for Pinyin\/Zhuyin\/H\u00e0nz\u00ec\u53ef\u6307\u5b9aRGB\u8272\u5f69\u53ca\u900f\u660e\u5ea6 \u5230 \u62fc\u97f3,\u6ce8\u97f3,\u6f22\u5b57. Auto Color by Tone\u4f9d\u7167\u8072\u8abf\u4e0a\u8272 &#8220;Color coding by tone&#8221; is to apply different colors on each Chinese character by their pronunciation tone, see reference &hellip; <a href=\"https:\/\/toneoz.com\/blog\/usagefontcolor\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Pinyin Zhuyin Font and Color \u62fc\u97f3\u6ce8\u97f3\u7de8\u8f2f\u5668:\u5b57\u578b\u8207\u984f\u8272<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1483,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/pages\/1117"}],"collection":[{"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/comments?post=1117"}],"version-history":[{"count":22,"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/pages\/1117\/revisions"}],"predecessor-version":[{"id":1485,"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/pages\/1117\/revisions\/1485"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/media\/1483"}],"wp:attachment":[{"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/media?parent=1117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/categories?post=1117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toneoz.com\/blog\/wp-json\/wp\/v2\/tags?post=1117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}