スタッフブログ

約物って聞いてピンとくる人いますか？約物（やくもの）って呼びます。

これは日本語を使う上で欠かせない、カッコや句読点、中黒やコロン、セミコロンなどを指します。

「」【】（）、。？！・：；こういうやつですね。

webサイト上だとこの約物を使用すると、かっこなんかは全角になるんですが、そうすると、改行した頭にかっこがくると1文字空いた印象になるんです。

 

 

 

 

 

 

 

cssで自動カーニングしてくれるプロパティもあるんですが、ブラウザ間やPC・スマホなどで効いたり効かなかったりなので、なかなか厄介です。

この「Yaku Han JP」はWebサイト内での括弧や句読点、疑問符などを半角にしてくれる優れものです！

しかも商用無料で利用できるのでありがたい。使い方は簡単。結構有名です。

CDNでフォントを読んでfont-familyでフォントを指定するだけ。明朝・ゴシック・丸ゴシックがあり、かっこだけ半角に約物全て半角にするっていう指定もできます。

<!-- HTML：CDNリンクを貼り付け -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css">

// CSS：font-familyを設定
.example {
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}

 

 

 

 

 

 

 

いつも頭がそろわないのが気になっていたんですが、これで解消されました。