ダイナフォントでサイトにもうひと味！デザイナーでもカンタンにWebフォントを実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ベクターかと思うくらいとっても滑らかで見とれてしまいましたね！ みなさん、ダイナフォントさんのWebフォントを使いたい熱が高まってきてますよね？「フロントエンドの知識は少ないけど、Webフォントを使ってみたい……」というデザイナーさんも心配いりません！ 今回は、そんな素敵Webフォントの実装方法をご紹介したいと思います！ サブセット方式でタイムラグなしで表示！ 今回は、「サブセット方式」と呼ばれる方法をご紹介します。 その名の通り、特定のテキストに対してWebフォントを指定する方法で、表示が早いのが特徴です。 Webフォント導入用のオリジナルツールがあるので、デザイナーさんでも直感的な導入が可能です。特定のテキストごとに指定する方法は、他のWebフォントではあまりなく、なんとダイナフォントさん独自のものなんです！ どんなサイトに向いてるの？ サブセット方式の導入方法の場合、コーポレートサ
Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
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に沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist
日本語Webフォントは「遅い・重い」って思い込んでた……こんなに速くなってたなんて…… | Web担当者Forum
Webフォントは重い・遅いと思っていないだろうか。確かにかつてのWebフォント、特に日本語Webフォントはブラウザでの表示が遅く、Webフォントに切り替わるまではシステムフォントが表示されるのも、良いユーザー体験を提供できているとはいえなかった。 しかし、Webフォントはすごく進化しているのだ。実際、このページでは日本語Webフォントを利用しているが、そんなに遅いとは思わなかったのではないだろうか。 日本語Webフォントの進化を、表示スピードの向上を中心に取材してきた。 ※このページはTypeSquareの「黎ミン」「新ゴ」「ゴシックMB101」を利用しています。 Webで書体の融通がきかないのは諦めるべきか――Webフォントをおさらい自社製品のパンフレットやカタログを作る場合には、担当者はどのようなフォントを使うかについてかなり深く考えるものだ。自社製品のイメージに合うのはどのような書体
Webクリエイターボックスを（プチ）リニューアルしました
2014年8月19日 お知らせ 約2年半ぶりにWebクリエイターボックスのテーマをリニューアル！という事で、変更点をザックリと紹介します。とは言え全体のデザイン自体はあまり変わっておらず、細かいところや内部の修正・更新がメインとなっています。ちなみにブラウザーはChrome, Safari, Firefoxの最新版、IE11対応。Webクリエイターボックスに訪問するユーザーで、IE10以下を利用の割合は1.5%をきっていたのでバッサリ捨ててます。古いブラウザーを利用の方はアップデートしましょう ;) ↑私が10年以上利用している会計ソフト！ SVG画像 背景やアイコンなどで使うデザインパーツの画像をSVGに変更しました。レティナディスプレイのMacに変えてからというもの、どうも画像のギザギザが目についてしまって。リデザイン前のテーマでも一部SVGを使っていましたが、今回総入れ替えしました。
意外と多い!? Web フォントに対応していない環境 ～2012 年の Web フォント事情
Web フォントは「Web サイトにフォントを埋め込む」ための技術です。 先日、Web フォントを使った 絶対にコピペできない文章を作ったったwwww を公開しました。多くの人に楽しんでもらえたのですが、その一方で、Web フォントが適用されなかった方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。 ほぼすべてのブラウザーが Web フォントに対応しているはずなのですが、一体、何が原因だったのでしょうか。 そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。 ４種類のフォーマット 一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし
Webフォントデザインアワード2013
受賞作品発表！ 一般部門／グランプリ 本の書き出し http://kakidashi.com/ 中川 峰志 / ぴょん ゆみょん 使用サービス：TypeSquare ページを読み込むたびに、さまざまな本の書き出しが大小ランダムに並んで現れる、本好きにはたまらないWebサイト。それぞれの本はAmazonの購入ページに紐付けられているほか、電子書籍をハイライト表示させることもできる。書き出しを媒介とした本との出会いの場となっているのだ。Facebookでコネクトしてお気に入りの本を登録することもできる。Webフォントを使用したことによって、「1文字1文字が綺麗になり、最初に現れた時のインパクトが大きくなったと言ってもらえました」とのこと。 永原康史 Webフォントという技術と、コンテンツ、デザイン、この三つのバランスの良さにおいて際立っていたのが「本の書き出し
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料日本語webフォントJapanSans