[B! Webフォント] nffsjjのブックマーク

Yaku Han JP - 約物半角専用のフォント

ゴシック体明朝体丸ゴシックすべてカッコのみ Hiragino Noto 横書き縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist

nffsjj 2018/03/14

へー！知らなかった！

リンク

日本語webフォントが表示できない場合の解決方法。なんとか明朝体webフォントを設置編

日本語Webフォントのトラブル解決今回は、日本語webフォントの設置方法で表示できなかった場合の解決方法について忘れないうちにまとめておこう思い 4つほどのCSSソースを紹介いたします。 Webフォントの指定方法世の中の多くの人が使っているwebフォントの設置における標準の指定方法を念のためにご紹介します。私はHTML、CSSの知識が無いので、試行錯誤で表示するという大ざっぱだけど、案外確実な方法を使っているのでご了承下さいよくある代表的なwebフォント記述方法1 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8

nffsjj 2015/12/01

Webフォント

リンク

Noto Sans (源の角ゴシック) をWebフォントで使えるように軽量化する方法 - あなたのスイッチを押すブログ

ウェブフォントにハマりすぎて、かなり泥沼化していたのですが…。この度ようやく1つのゴールに辿り着くことができました。その結果が「Noto Sans CJK JP」の採用です。しかしこのフォント、Webフォントとして使用するには些かサイズが大きすぎるのが問題。そのまま使ってはページの読込速度に大きく影響してしまいます。そこで必要なのが、フォントの軽量化。具体的にはこれを「サブセット化」と言います。 Noto Sans とは？最初にちょっと「Noto Sans」というフォントについてご紹介しましょうか。これは、 Google が、Adobe と共同開発した無料かつオープンソースのフォントファミリーNoto Sans CJK をリリースしました。 via: Google、オープンソースの日中韓フォントNoto Sans CJK を無料配信。Adobe と共同開発 - Engadget

nffsjj 2015/06/15

日本語webフォント界隈は急速に進みそうな予感。

リンク

Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]

Webサイトやアプリの制作の際に欠かせないものの１つに”アイコン”があります。しかし、「自分で作るのは大変…。」「お金をかけたくない！」「プロは、どうしてるのかな…？」こんな悩みを抱えている人も多いはず。そこで今回はSchooのデザインを手がけているデザイナーが実際に使っているおすすめのフリーアイコンサイトを5つご紹介します♪ ■目次 1.Font Awesome 2.ICON FINDER 3.flaticon 4.ヒューマンピクトグラム2.0 5.IcoMoon 1.Font Awesome スクーのサイト内のいたるところで使用している、Webフォントのアイコンサイト。こちらのサイトのWebフォントのアイコンを使えば、画像を作らなくてもサイトにワンポイントで配置できます。又フォントとして利用できるため、サイズや色をCSSで変更することが可能です。 2.ICON FINDER