標籤彙整:Japanese fonts

windows 日文字型介紹

使用方式

中文國字與日文漢字有微小差異,為防止漢字缺漏的問題(突然變成新細明體),套用日文字型前要先將中文國字轉為日文漢字。

轉換器

Win Mac 共通字體

游ゴシック
Windows8.1以後、MacOS10.9以後

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

游明朝 Windows8.1以後、MacOS10.9以後

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

Win 單獨字體

メイリオ Windows Vista以後

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

Meiryo UI Windows 7以後

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

MS Pゴシック Windows95以後

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

MS P明朝 Windows95以後

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

HGS明朝E Windows95以後

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

Early Access Google Fonts

Google早期フォント Rounded M+ 1c

*Early Access Google Fonts在wordpress上面沒有效果
使用方法

@import url(http://fonts.googleapis.com/earlyaccess/mplus1p.css);
font-family: 'Mplus 1p';

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

Google早期フォント さわらびゴシック

使用方法

@import url(http://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
font-family: 'Sawarabi Gothic';

世界がぜんたい幸福にならないうちは個人の幸福はあり得ない

神は人間に孤独を与えた。然も同等に人間に孤独ではいられない性質も与えた。

國字漢字轉換器

功能説明

轉換成日文漢字,方便使用網頁或文書處理的預設日文漂亮字型

日文字型一覽

範例

textarea#old
textarea#newText
textarea
 width: 300px
 height: 400px
//展示用文字
var text="這是一段中文内容的説明文\n注意觀察【内】﹐【説】的變化";

//使用陣列紀錄
//持續更新中
var replaceArray=[
 {from:"內",to: "内"},
 {from:"值",to: "値"},
 {from:"查",to: "査"},
 {from:"啟",to: "啓"},
 {from:"說",to: "説"},
 {from:"產",to: "産"},
 {from:"每",to: "毎"},
 {from:"蔥",to: "葱"}
];

//沒有對應的日文漢字
//喵

//origText到時候代入old的值
var translate = function(origText){
 for(i=0;i<replaceArray.length;i++){
 //取代全部 參考這篇文章
 var repAll=new RegExp(replaceArray[i].from, "g");

 origText=origText.replace(repAll, replaceArray[i].to);
 }
 return origText;
}

var old=document.querySelector("#old");
var newText=document.querySelector("#newText");

//先把展示用文字帶入
old.textContent=text;

//建立翻譯功能
newText.textContent=translate(old.value);

//綁定當old有輸入事件,觸發翻譯
old.addEventListener("input",
 function(){
 newText.textContent=translate(old.value);
 }
);

Display

See the Pen 漢字國字轉換器 by Ian Chen (@ianchen0419) on CodePen.