• ブログ
  • フリーフォント
  • 無料素材
  • ロゴデザイン
  • ショップ
  • ユーザー
  • お問い合わせ

デザインのブログ

フロップデザインのゆるく創作する個人BLOG

バリアブルフォントを楽しもう!Enjoy Variable Font.

2019年10月10日 by 加藤雅士

バリアブルフォント

バリアブルフォントって知っていますか?

バリアブルフォント(Variable Font)とは、Adobe・Apple・Google・Microsoftが共同で開発したフォントの規格。よくあるのは太さ、字幅などを自由に調整できるフォント。

バリアブルフォント

1つのフォントに一杯のフォントが入っているぜ、的な感じで把握しておくと分かり易いかも。今後はいろんなソフトで使えるようになるので覚えておくとお得です。

ただし使える環境がまだ限られています。例えばAdobeで言うとIllustrator CC 2018〜とPhotoshop CC 2018〜で、それ以前のバージョンでは使えません。ちなみにCC 2018以降には新しいバリアブルフォントが、はじめからたくさん入っています。

主要ブラウザも対応しているので、Webフォントとしても活用する機会が増えるでしょう。少ない容量でウェイトなどが自由に設定出来るのに加え、アニメーション的に動きを出すことも可能になります。

ウェイト以外にも色々な設定が出来ます。「Movement Variable」という フォントを見てみましょう。

Variable Font

このフォントは太さ以外に、もう一つの軸が設定されていて、動かしてみるとかなり楽しいです。このフォントのライセンスはCC BY-ND 4.0になります。

バリアブルフォントを紹介しているhttps://v-fonts.com/というサイトもあるので訪問してみると、もっとよく分かります。バリアブルフォントが一覧でかなりの数で紹介され、実際にどうのように変化するか試すことが可能です。文章を読むよりも実際に見たり、使ったりする方がバリアブルフォントを知る上で有効でしょう。

いくつか便利なリンクも紹介します。

Font Playground バリアブルフォントの紹介&動かせるサイト

DINAMO Font Gauntlet 自分の持っている&作ったバリアブルフォントの検証ができる

FF Meta Variable

ffmeta-font

Metaはヒューマニストサンセリフの人気フォントで、フォント全体の販売ランキングでも常に上位にいる人気書体です。ハーマンミラーや少し前までのFirefoxなど企業ロゴとしても定番で90年代を代表する書体です。そのMetaのバリアブルフォント版が現在期間限定でダウンロードできます。ただし使用制限があり、あくまでデモ版なのでご注意を。とはいえバリアブルフォントを理解する上で、もっとも適切なフォントなので、ぜひ試してみるべきフォントです。

League Mono Variable

League Mono Variable

League Mono Variableは等幅のオープンソースのフォントです。結構バリアブルフォントには等幅の物がある気がします。その中でもLeague MonoはSFっぽい雰囲気があって面白いです。ウェブフォントとしての使用を想定し、woff2での配布もGithubで行われています(woff2はwoffの圧縮率の高い次期フォーマットです)

votoserif

Voto SerifはMonotypeのオープンソースフォントです。Noto seifベースで作られており、太さ・幅・横線の太さの3軸のバリアブルフォントです。標準的な用途はコレ一つでまかなえそうな、万能感があります。

Jabinfont

Jobinは商用は不可ですが、少し面白いデザインのフォントです。太さと幅の軸に加えSwashの軸があり、Swashの有無と強弱を調整できます。このSwashを別の変化軸として、捉えるデザインは心ひかれる物があります。

devovar
Decovarは15軸もある極めて実験的なオープンソースのフォントです。全部の軸を異なるスピードで動かしてみたら、かなり変な動きになりました。元のフォントはシンプルでも、15個のエフェクトを同時に行うととんでもないことになりますね。しかし可能性としてこういうことも出来るという、面白いフォントだと思います。

いいね!:シェアする

  • Facebook
  • Twitter
  • メールアドレス
  • Pinterest
カテゴリー: 写真 タグ: adobe, download, FREEFONT, Illustrator, VariableFont, イラレ, ダウンロード, バリアブルフォント, フリーフォント, 作り方, 使い方, 無料フォント

アーカイブ

最近の投稿

  • 新作フォント「ヨハク」を公開
  • 新作フォントのフルーツパーラーを公開〜大正レトロでかわいい
  • 新作フォントのモガを公開
  • あかずきんポップというフォントを公開
  • ビースト明朝をリリース

人気の記事BEST10

  • 装甲明朝は源ノ明朝の派生フリーフォント〜ステンシル体風明朝体
  • 源界明朝は限界ギリギリ読める源ノ明朝の派生フリーフォント
  • アプリ明朝は源ノ明朝の派生フリーフォント〜横太明朝体
  • 平成最後のフォント〜300人みんなで作った記念書体
  • 新作フリーフォントRings of Saturn 綺麗で色気のある書体
  • 源ノ明朝の派生フリーフォント〜廻募(エモ)フォントダウンロード
  • 80年代風デザインに必須のおすすめフォントカタログ!使うだけでキュート&ポップに
  • あかずきんポップというフォントを公開
  • 新作フォント「ヨハク」を公開
  • 新作フォントのフルーツパーラーを公開〜大正レトロでかわいい

カテゴリー

  • (コミックエッセイ)デザイナーズ夫婦
  • IT/インターネット
  • アート・映像・漫画・アニメ
  • シルエット
  • デザイン・印刷・書籍
  • デザイン素材
  • フォント・文字・ロゴ
  • プライベート・イベント
  • 写真
  • 音楽

タグ

2016 2016年 2017 2018 2018年 2019年 font FREEFONT webfont Webフォント WordPress おしゃれ ななキュン ひらがな イラスト ウェブサイト ウェブフォント コミックエッセイ マンガ タイポグラフィ ダウンロード デザイン ネット フォント フリーダウンロード フリーフォント フロップデザイン フロップデザインフォント ブログ メイリオ ロゴ ワードプレス 公開 写植 同人誌 商用 年賀状 文字 新作フリーフォント 明朝体 書体 漫画 無料 無料ダウンロード 無料フォント 過去
ツイート
twittericon facebook facebook

商用・ロゴデザインに安心して使えるフォント製品の販売

フォントコレクション
ボリューム満点フォント集
フォントコレクション

みんなのフォント
手書き風フォント集
みんなのフォントPLUS

フォントスタイルズ
最先端欧文フォント
フォントスタイルズ

フォント物語
個性的な書体が勢揃い
フォント物語

日本語ウェブフォントキット
ウェブフォント集
日本語ウェブフォントキット

本丸ゴシック
本格丸ゴシック体
本丸ゴシック

フォントオノマトペ
擬音語・コミック書体
フォントオノマトペ

Copyright © 2022 デザインのブログ.

Omega WordPress Theme by ThemeHall

loading キャンセル
投稿を送信できませんでした。メールアドレスを確認してください。
メール送信チェックに失敗しました。もう一度お試しください。
このブログではメールでの投稿共有はできません。