WEBフォント

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

虎の穴ラボ技術ブログ•4年前

Webフォントを使ってみよう

こんにちは、虎の穴ラボのデザイナーのM.Mです。本記事は虎の穴ラボ Advent Calendar 2021 - Qiita 15日目の記事です。 14日目はT.Nさんの「新機能「AWS Amplify Studio」を試してみました」でした。また、明日16日目はH.Hさんの「GithubActionsでLambdaのテストからデプロイまでを自動化した話」です。目次 Webフォントとは Webフォントを使用するメリット 1. どのユーザーにも同じデザインを届けることができる 2. htmlテキストでデザイン性を担保できる 3. SEO対策になる 4. 更新性が良い Webフォントを使用す…

#WEBフォント#Webfont#design

ネットで話題

982ブックマークついにウェブでも有名書体が使える！Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ

blog.petitboys.com

913ブックマーク画像アイコンはもう古い！CSSでスタイル自由自在のアイコンWebフォント

w3q.jp

803ブックマークホーム | Webフォント・サービス FONTPLUS

fontplus.jp

798ブックマーク GoogleがWebフォントサービスを開始 - フォントブログ

www.petitboys.com

797ブックマーク日本語Webフォントの革命 - 3846masa's memo

3846masa.hatenablog.jp

787ブックマーク意外と知らない？アイコンはWebフォントでつくるとこんなに便利！Webフォントでアイコンをつくろう！ゆとりジェネレーションのほんだです。最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。（以下のデモはGo...

design.kayac.com

714ブックマークグーグルが日本語Webフォントを提供してた。これはWebフォントの大転換になるかも？ | 初代編集長ブログ―安田英久 | Web担当者Forum

webtan.impress.co.jp

610ブックマークフォントブログ　[フォント/Webフォント/書体/文字/タイポグラフィの情報ブログ]

blog.petitboys.com

561ブックマークモリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 | さくらインターネット

www.sakura.ad.jp

関連ブログ

絵心が無いのに、絵がかきたい。•4年前

自作フォントをWebフォントにして、はてなブログで試す

1.はじめに前々から「記号&絵文字の等幅・隙間なしフォント」を使って、文章のドット絵を追加して、表現力を強化したかった。（文字サイズ＝字送り＝行送り。行間＝0） ⭰ 字送り ⭲ ┌───┐ ┌───┐⭱ │ │ │ ││ │ │ │ ││ │ │ │ │行送り └───┘⭱└───┘│ 行間 │ ┌───┐⭳┌───┐⭳ │ │ │ │ │ │ │ │ │ │ │ │ └───┘ └───┘ 大抵は「MSゴシック」フォントで足りていたが、「MSゴシック」の絵文字は等幅フォントではないので、満足するフォントを探してみた。結果、見つからなかったのでフォントを自作した。自作したのは良いのだが、…

#自作フォント#等幅

【ちゃんこめBlog】インド在住OLの雑記ブログ•4年前

【はてなブログカスタマイズ】ブログのフォントを変更！無料Webフォントを使おう♪（Adobe Fonts）

こんにちは、Kome（@chankomeppy）です。ブログデザインのマイナーチェンジをしたので記録を残しておきます！当ブログではどの端末からでも文字のフォントが同じように見えるようにWebフォントを使用しています。今回はじめてAdobe Fontsを使用しましたので、そのまとめです。 ▼目次はこちら（クリックして表示）無料Webフォント Google Fonts Adobe Fonts Adobe Fontsの追加方法注意事項さいごに無料Webフォント Webフォントとは、インターネット上で配布されているフォントを呼び出して使用する技術です。昔は、サイト作成者がフォントを指定…

#はてなブログ#ブログカスタマイズ

はんこキャプターやぁのん•4年前

UDフォントが好き。ブログの文字を読みやすく。

文字の見た目を端末に依存させないこのブログでは、Webフォントで文字を表示しています。以前はWebフォントを使わずに文字設定を変えていました。見られる環境の人だけに表示されていればいいやという感じでした。というのも、Webフォントを使わない場合は、表示する端末にその文字が登録されていないと、いくら設定しようがその見た目で表示することはできません。逆に、Webフォントを使えば、どの端末でも同じ見た目の文字を使えるようになります。

#書体#フォント#WEBフォント#UDフォント#ユニバーサルデザインフォント#ユニバーサルデザイン

TOMOKO OOSUKI•5年前

【はてなブログカスタマイズ】WEBフォントをユニバーサルデザインフォントに変えました。

特に記事内容とは関係ない、アサイーのイラストです WEBフォントをユニバーサルデザインフォントに変えました。「みんなの文字」というものです。なんと無料のユニバーサルデザインWEBフォントが存在するとは… これで、見やすく、目に優しくなったと思います。↓これを使いました。 minmoji.ucda.jpこれは無料であるかわりに、サイトのどこかに「認定シール」をいれないといけないという決まりです。私はダッシュボード→デザイン→カスタマイズ（スパナのボタン）→サイドバー→「モジュールを追加」でHTMLを選択→メールで送られてきたタグを設置しました。サイドバーの一番下に「認定シール」が見えるかと…

#ユニバーサルデザイン#WEBフォント#はてなブログカスタマイズ#ユニバーサルデザインフォント#UDフォント#UDwebフォント