CSS で縁取り文字を表現するのに、まず考えられるのは -webkit-text-stroke を使用する方法で、以下のようなコードになります。 .text { -webkit-text-stroke: 1px #000; } ここで、color: transparent を指定すると塗り色が透明になり、縁取りの罫線のみでテキストを表示することができます。 .text { color: transparent; -webkit-text-stroke: 1px #000; } 以下は、フォントファミリーに「Verdana」を指定した例です。 -webkit-text-stroke で縁取り文字を実現できる この -webkit-text-stroke ですが、さきほどの塗りを透明にした状態(color: transparent)でバリアブルフォント(Variable Fonts)を指定する