はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ウェブフォント

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 22 / 22件)
 

トラッキングなし&ログ取得なしで1400種類超のウェブフォントを無料で利用可能な「Bunny Fonts」

2022/06/22 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip トラッキング フォント Google Fonts 通信 環境

ウェブサイト構築の際にGoogle Fontsなどのウェブフォントを使用すれば、各ユーザーの環境によらず同一のフォントを表示させることが可能です。この際に行う通信について、トラッキングを一切行わないことが明示されたウェブフォントプラットフォームが「Bunny Fonts」です。 Bunny Fonts | Explore Faster & GDPR frien... 続きを読む

ウェブフォントのエモい話 // Speaker Deck

2018/04/24 このエントリーをはてなブックマークに追加 68 users Instapaper Pocket Tweet Facebook Share Evernote Clip Speaker Deck エモい話

All slide content and descriptions are owned by their creators. 続きを読む

260種類以上のアイコンが無料で商用利用OK、CSSツールキットも付属したアイコンフォント「Fontisto」 - GIGAZINE

2017/11/05 このエントリーをはてなブックマークに追加 68 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE Instagram Twitter ロゴ

TwitterやInstagramのロゴやピクトグラムなど、ウェブサイトでは多種多様なアイコンが使われますが、そういったアイコンをウェブフォントにした「Fontisto」が無料で公開されています。商用利用もOKで、さらにCSSツールキットも付属。ライセンスは「 MIT License 」です。 Fontisto - the iconic font and css toolkit http://ww... 続きを読む

無料で使える日本語ウェブフォント9種類をGoogleが公開中 - GIGAZINE

2016/10/20 このエントリーをはてなブックマークに追加 374 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォント アルファベット Google Fonts 事実 日本

閲覧者のPCにフォントがインストールされていなくても指定したフォントを表示できる ウェブフォント は、閲覧者の使用環境にウェブサイトのデザインが左右されないため非常に便利なのですが、アルファベットとは違い文字種類の多いため日本語に対応したウェブフォントが少ないのも事実。そんな中、Googleが日本語フォント9種類をウェブフォントとして試験的に無料公開しています。 Google Fonts + 日本... 続きを読む

【期間限定!】入力するだけで美しいフリー筆記体フォントHello Sunshine - Photoshop VIP

2015/03/23 このエントリーをはてなブックマークに追加 42 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop Vip 筆記体 手書きスタイル 無料DL

個人、商用利用可能な美しい筆記体フォントHello Sunshineが、現在期間限定で無料ダウンロードできるようになっています。筆記体の中でも手書きスタイルは特に人気が高く、ウェブフォントにも対応しています。 詳細は以下から。 期間限定で無料DL!入力するだけで美しいフリー筆記体フォントHello Sunshine Hello Sunshineは、春らしく美しいスタイルが印象的な手書き筆記体フォン... 続きを読む

表示速度を犠牲にしても美しすぎるWebフォント"うつくし明朝体"を使いたかった | あなたのスイッチを押すブログ

2015/02/25 このエントリーをはてなブックマークに追加 33 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォント デフォルト 犠牲 スイッチ Webフォント

Webフォント「うつくし明朝体」の紹介です。ウェブフォントは読込時間・表示速度に良い影響を及ぼさないので、敬遠されがちです。しかし、そうとわかっていても使いたくなるほど綺麗なフォントが、この「うつくし明朝体」なのです。当ブログに来て頂いた方の中には、昨日と今日でちょっと違うと気づかれた方もいらっしゃるかもしれません。 そう。フォントをちょっと変えたんです。 今までは、パソコンの中にデフォルトで入っ... 続きを読む

無料で商用利用可能な細身の日本語ウェブフォント「JapanSans」 - GIGAZINE

2014/10/03 このエントリーをはてなブックマークに追加 93 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE 横幅 アルファベット フォント ウェブサイト

閲覧者のPCにフォントがインストールされていなくても指定したフォントを表示できるのがウェブフォントです。ウェブサイトをデザインするにあたって、どのフォントを使うかによって与えられる雰囲気は大きく左右されますが、かな文字(ひらがな・カタカナ)、数字、アルファベットに対応した無料のふんわりとした雰囲気を持つ日本語ウェブフォントが「JapanSans」です。文字の横幅を100%~70%まで自由に選ぶこと... 続きを読む

無料でダウンロードできて商用利用も可能なひらがな・カタカナ・漢字・英字フォント「フロップデザインフォント」 - GIGAZINE

2013/07/16 このエントリーをはてなブックマークに追加 144 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE フロップデザインフォント ウェブデザイン

水平、垂直の線をデザインの基本とし、暖かみのある手書きを感じさせるひらがな・シャープなイメージのカタカナ・スマートでデザイン性の高いアルファベット・スタンダードで読みやすい数字など、異なる考えに基づいて作られたゴシック体の日本語フォントが「フロップデザインフォント」です。ウェブフォントもあり、商用利用も可能なので、ポスターからウェブデザインまで幅広い用途で使えます。 フロップデザインフォント ht... 続きを読む

ページ読み込みが早まることもある! Googleフォントをダウンロードしてみよう : ライフハッカー[日本版]

2013/05/13 このエントリーをはてなブックマークに追加 89 users Instapaper Pocket Tweet Facebook Share Evernote Clip ライフハッカー Googleフォント 日本版 ディレクトリ

無料でオープンソースの1000種類を超すウェブフォント「Googleフォント」は、ダウンロードするとGoogleに同期するだけでなく、これらを使用しているウェブサイトの読み込み速度を、フォント取得を省略することで向上させるそうです。 Googleフォントのダウンロード方法はいくつかあります。Googleが奨励しているフリーツール『SkyFonts』を使用するとフォントはGoogleのディレクトリと... 続きを読む

ページ読み込みが早まることもある! Googleフォントをダウンロードしてみよう : ライフハッカー[日本版]

2013/05/13 このエントリーをはてなブックマークに追加 89 users Instapaper Pocket Tweet Facebook Share Evernote Clip ライフハッカー Googleフォント 速度 ウェブサイト 無料

Google ページ読み込みが早まることもある! Googleフォントをダウンロードしてみよう 2013.05.14 06:00 無料でオープンソースの1000種類を超すウェブフォント「Googleフォント」は、ダウンロードするとGoogleに同期するだけでなく、これらを使用しているウェブサイトの読み込み速度を、フォント取得を省略することで向上させるそうです。 Googleフォントのダウンロード方... 続きを読む

無料で1000個以上のアイコンフォントがダウンロードできる「WebHostingHub Glyphs」 - GIGAZINE

2013/03/13 このエントリーをはてなブックマークに追加 498 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE PNG形式 アイコン アイコンフォント 使用

「ビジネス」「コミュニケーション」「コンピューター&モバイル」「デザイン&ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com... 続きを読む

無料で商用可のウェブでよく使われるアイコンをフォント化した「CONDENSE-iconFont」 - GIGAZINE

2013/01/07 このエントリーをはてなブックマークに追加 154 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE CONDENSE-iconFont フォ

営利・非営利問わず自由に使用することが可能で、ウェブフォントとしても利用OKというTrueType/OpenType/WOFF/EOT形式のフォントが「CONDENSE-iconFont」です。下記サイトの一番下にある「DOWNLOAD」をクリックすればダウンロード可能となっています。 CONDENSE-iconFont http://icon.condense-c.com/ 実際にどのようなフォ... 続きを読む

CONDENSE-iconFont

2013/01/07 このエントリーをはてなブックマークに追加 391 users Instapaper Pocket Tweet Facebook Share Evernote Clip CONDENSE-iconFont アイコンフォント

CONDENSE-iconFontは、ウェブフォントとしても使用出来るアイコンフォントです。A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R S S T T U U V V W W X X Y Y Z Z a a b b c c d d e e f f g g h h i i j j k k l l n ... 続きを読む

Retinaディスプレイ対応!手描きのゆる~いデザインのアイコンフォント素材 -Handy Icons | コリス

2012/12/17 このエントリーをはてなブックマークに追加 62 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 商用 アイコンフォント アイコン ウェブサイト

商用でも無料で利用できる、手で描かれたアイコンをオンラインアプリ・ウェブサイト用にウェブフォントに変換したアイコンフォントを紹介します。 アイコンフォントを利用することは、ウェブサイトをRetinaディスプレイ対応にする最初の一歩といってもいいかもしれませんね。 Handy Icons – Free Web Font Kit ダウンロードできるアイコンは全部で99種類のデザインが揃っています。 ど... 続きを読む

Tumblrにイラストを投稿すると自動的にポートフォリオを作成してくれる「Illustfolio」 - GIGAZINE

2012/12/11 このエントリーをはてなブックマークに追加 298 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE tumblr Illustfolio 閲覧

Tumblrにイラストを投稿すると、自動的に投稿したイラストでポートフォリオを作成してくれるテーマが「Illustfolio」です。Illustfolio上のプロフィール・固定ページ・ソーシャルボタンなどは自由にカスタマイズ可能。タブレットやスマートフォンでの閲覧に対応したレスポンシブデザインで、画面を拡大しても見にくくならないようウェブフォントを使用し、Retinaディスプレイにも最適化されてい... 続きを読む

無料でダウンロードでき商用利用も可能なお天気アイコン「Climacons」 - GIGAZINE

2012/12/10 このエントリーをはてなブックマークに追加 63 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE psd WOFF形式 SVG EPS

お天気マークや温度計、方角など、天気に関係するアイコン75個がセットになっているのが「Climacons」。ファイル形式にはPSD、EPS、PNG、SVGのほかTTF形式やウェブフォントであるWOFF形式も存在し、無料で商用利用も可能です。 Climacons ≡ Climatically Categorised Pictographs http://adamwhitcroft.com/clima... 続きを読む

HTMLでカーニング!手軽に文字詰めできる「FLAutoKerning.js」 | デザイナーブログ | 株式会社LIG

2012/10/29 このエントリーをはてなブックマークに追加 276 users Instapaper Pocket Tweet Facebook Share Evernote Clip letter-spacing カーニング CSS 日焼け 文字

こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ご存知のとおり、jsを使わなくてもletter-spacingを使ってcssだけで設定しようと思... 続きを読む

アイコンを合字Webフォントとして扱うSymbolSetが革新的にステキ | fladdict

2012/06/26 このエントリーをはてなブックマークに追加 62 users Instapaper Pocket Tweet Facebook Share Evernote Clip Tweet fladdict symbolset heart

Symbolset teaser from Symbolset on Vimeo. 正直この発想はなかった! symbolsetは、アイコンに特化したウェブフォント。 このフォントが面白いところは、アイコンを「合字」として割り当てていること。 まずはサイト上部の大きなテキスト部分がエディターになっているので、そこにheartやtweetなどとタイプしてみてほしい。ビックリするはず。 「合字」という... 続きを読む

フォントワークス/イワタ/モトヤが使えるWebフォントサービス「フォントプラス」 - GIGAZINE

2011/07/27 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォントワークス モトヤ イワタ GIGAZINE http

筑紫オールド明朝・筑紫A丸ゴシック・筑紫ゴシック・ユトリロ・マティス・ロダン・スーラなどの有名フォントをウェブフォントとして利用できるのが本日から開始されたウェブフォントサービス「フォントプラス」です。 フォントプラス http://webfont.fontplus.jp/ 現時点ではフォントワークスのフォント268種類が用意されており、以下から確認することができます。近日中にイワタとモトヤにも対... 続きを読む

Photoshop Vip » タイポグラフィーを利用したオシャレ&個性的なウェブサイトデザイン30個まとめ

2011/03/07 このエントリーをはてなブックマークに追加 49 users Instapaper Pocket Tweet Facebook Share Evernote Clip タイポグラフィー デザインパーツ ウェブサイ ウェブデザイン

NewsHome > News > タイポグラフィーを利用したオシャレ&個性的なウェブサイトデザイン30個まとめタイポグラフィーを利用したオシャレ&個性的なウェブサイトデザイン30個まとめ2011年3月7日    ウェブデザインにおいてタイポグラフィーは重要なデザインパーツのひとつです。現在ではHTML5やCSS3の登場、ウェブフォントの充実によって今まで以上にタイポグラフィーを利用したウェブサイ... 続きを読む

Photoshop Vip » 2010年のウェブデザインのトレンド21個を徹底解剖

2010/05/20 このエントリーをはてなブックマークに追加 454 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブデザイン トレン Photoshop Vip 出現 言葉

「よい」デザインはいつまで経っても「よい」デザイン。 この言葉はウェブデザインの世界においてあまり当てはまらないかもしれません。 CSS3やHTML5、ウェブフォントなどの出現によって、今まで以上にデザインの可能性は広がっておりユニークなウェブサイトも数多く見かけるようになっています。 海外デザインブログWebdesignerDepotで、2010年現在によく見かける21個のウェブデザインのトレン... 続きを読む

国内初、無料で日本語のウェブフォントが手軽に利用できる「デコもじ」 - GIGAZINE

2010/05/10 このエントリーをはてなブックマークに追加 486 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE 欧文 デコもじ CSS フォント

手描き字・丸文字・四角い系・四角て丸い系・くずし文字・アクセント付き・へた文字系・ゴシック系・明朝系・筆文字系・筆書体系・欧文(英数のみ)・変わり種フォントなど、約80種類の「ウェブフォント」(パソコンにインストールされているフォントではなく、サーバにアップロードされているフォントを指定して自由に表示させるCSS3 Web Fontsを使った技術、このサンプルを見るとよくわかる)が利用可能なネット... 続きを読む

 
(1 - 22 / 22件)