フリー素材(写真、アイコン、画像、フォント)を紹介しています:タグ「フォント」での検索

WEBサイトに使用したいサンセリフ フリーフォント(Google Font)

Lato

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Lato

Roboto

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Roboto

Montserrat

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Montserrat

Open Sans

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Open+Sans

JOSEFIN SANS

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Josefin+Sans

Oswald

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
https://www.google.com/fonts/specimen/Oswald (Google Fonts) http://www.fontsquirrel.com/fonts/oswald (ダウンロードはこちら) ###Google Fontsの使い方 1. リンク先のGoogleFontsページの一番下【Open XXX in Google Fonts】リンクをクリック 2. 表示されるページのCSS読み込みタグをコピーしてHTMLファイルに貼り付ける 3. CSSの font-family にフォント名を指定 ###例:フォント Lato を使用する場合 ```
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789
```
No.995
04/07 16:40

edit

フォント

無料のWEBフォントアイコン

Retinaディスプレイの普及によってベクターデータ化されているWEBフォントアイコン(アイコンフォント)はとても使いやすくなりました。
そこで無料のアイコンフォントサイトを紹介します。

● Icon Moon

https://icomoon.io/ 気に入ったアイコンを選択して SVG 書き出しもできます。

● GlyphSearch

http://glyphsearch.com
総合フォント検索サイト。使いやすいです。

● Fontello

http://fontello.com
フォント検索サイト。また .svg ファイルからcssフォントを作成することもできます。

● Font-Awesome

http://fortawesome.github.io/Font-Awesome/icons/

■Typicons

http://typicons.com

● Batch

http://adamwhitcroft.com/batch/

● iconic

https://useiconic.com/open/

● その他 WEBフォントアイコン

https://icomoon.io/#preview-free
http://genericons.com
http://zurb.com/playground/foundation-icon-fonts-3

No.946
04/28 16:48

edit

アイコン
フォント

かっこいいおすすめ無料フォント7種類

こちらで紹介されているかっこいいフォントが無料なので気に入ったら是非ダウンロードしましょう!

こちらのフォントが紹介されています

● Code

http://fontfabric.com/code-free-font-3/

● Dekar

http://fontfabric.com/dekar-free-font/

Fontfabricの無料フォント(約50種類)

http://www.fontfabric.com/category/free/

St Marie

http://www.behance.net/gallery/St-Marie/551975

こちらもおすすめ

Infinity

http://www.behance.net/gallery/Infinity/1126535

GardenC

http://aleksandershevchuk.ru/#696502/GardenC-Free-typeface

Springsteel Serif Thin, Heavy

http://www.fontspring.com/fonts/paragraph/springsteel-serif

No.773
12/09 17:19

edit

フォント

Google Font API を使う

ホームページ上で使用できるGoogle提供の無料フォントを使用する。

使い方

フォント Droid Serif を使用する場合

<link  href="http://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css" >
<style>
body {
  font-family: "Droid Serif", serif;
  font-size: 28pt;
  font-style: italic;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 1;
}
</style>

http://code.google.com/webfonts/preview



No.732
04/14 10:26

edit

フォント

No.702
10/22 21:41

edit

フォント