日本語Webフォントを使い倒そう！モリサワ・Adobe・フォントワークスのWebフォント使い方・価格＆イケてるデザイン15選！ | 株式会社WEB企画
日本語Webフォントを使い倒そう！モリサワ・Adobe・フォントワークスのWebフォント使い方・価格＆イケてるデザイン15選！ シェア つぶやく ブックマーク LINE Pocket 日本語Webフォント、皆さんは使っていますか？費用面や、表示速度などといった導入障壁もあって、まだ迷っている方も多いのではないかと思います。Webフォントの魅力は、デザイン性やSEOだけではありません。他にも編集が簡単なため、作業効率が一段と向上するなど、様々な魅力があります。 今回はデザイン界隈では最も使用率の高い、モリサワ、Adobe、フォントワークスが提供している日本語Webフォントの使い方をまとめてみました。 ■目次 １，Webフォントの基本的な使い方 ２，モリサワWebフォントサービスの価格・使い方について ３，AdobeWebフォントサービスの価格・使い方について ４，フォントワークスWebフォン
特定の範囲から、ハミ出した長い文章を省略し、「…」と表示する方法 | 株式会社WEB企画
特定の範囲から、ハミ出してしまった文章を省略し、「…」と表示する方法をご紹介します。 あまり使用する機会は無いかもしれませんが、例えばウェブマガジン系の記事タイトルなんかは、長くなりがちなので、パンくずリストのレイアウトに困ったりします。そういった時に、是非使ってみて下さい。 CSSで実装します 省略したい文章の、親要素に次のようなCSSを付与します。 【省略予定の文章】 <div class="shortcut">最近は、めっきり夏になってしまって、半ズボンを履くかどうか悩んでいます。</div> 【CSS】 .shortcut { width: 300px; /* 要素の横幅を指定 */ white-space: nowrap; /* 横幅のMAXに達しても改行しない */ overflow: hidden; /* ハミ出した部分を隠す */ text-overflow: ellips
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
