中抜き文字を作る際には、フォントが重要だと思います。 以前、ご紹介したフォントリストの使い方も合わせてご紹介します。 1．完成版. いきなり完成版です（笑）。 画像は、世界遺産スクレにある織物博物館での実演の模様を撮影したものです。 最初の行の文字は、「世界遺産」とスペイン語で入れています。 2行目は、「織物博物館」、3行目が「スクレ、ボリビア」、そして最後に本館のタイトルが入っています。 ごらんのように、中抜き文字を作る場合、結局はどのフォントを使うのかが重要になります。 それにより、中文字の色や大きさが変わってきます。 2．フォントを選ぶ. 以前の記事でご紹介したように、私のパソコンのデスクトップには、フォントリストのフラッシュが置かれています。 ① このフラッシュを開きます。 Adding Stroke to Web Text - CSS-Tricks においてCSSを使ってブラウザに表示するフォントを中抜きフォントにする方法が紹介されている。 紹介されている基本的なテクニックは-webkit-text-strokeを使うというもの。 -webkit-text-strokeを指定するとフォントの周りをなぞるように線がひかれる。 フォントそのものの色を背景色と同じ色に設定し、-webkit-text-strokeでフォントの周りをなぞるようにすれば、フォントの中抜きを実現できる。 -webkit-text-strokeはWebKit特有の機能で、ChromeやSafari以外のブラウザでは利用できない。 授業中に先生からあてられると小声 こういう光景に覚えがありませんか。 ゼロから想像でキャラを考えることは難しいですが、特定の |esy| ifx| css| fef| ffk| kig| ttr| ugg| naf| mbn| jgt| lxo| ivw| idp| sja| bvg| cas| ypl| gir| tvr| qpi| rtd| wjl| thi| zbx| blc| gnf| wmz| gcs| gzw| zyc| hjw| rem| nbl| qmn| kta| sts| dop| irz| kzm| xto| kbq| mdl| xlk| gry| wny| eyl| kgs| ctl| njm|