「粗いドット絵」「UDフォント」「パワポアイドル」──新年度だから教えたい、2022年に出てきた商用利用可なフリー素材
「粗いドット絵」「UDフォント」「パワポアイドル」──新年度だから教えたい、2022年に出てきた商用利用可なフリー素材 4月を迎え、2022年度がスタートした。新しい環境を迎えて、これまでとは違う製品を開発したり、毛色の異なる資料などを作ったりする人もいるかもしれない。そこで、フリー素材の活用を検討する人もいるだろう。 フリー素材といえば「いらすとや」や「Adobe Stock」などのサービスが有名だが、それ以外にもユニークなサービスが2022年にも続々と立ち上がっている。この記事では、ITmedia NEWSで過去に記事として取り上げた、22年から始まったフリー素材サービスを5つ紹介する。 元任天堂のデザイナーが手掛けた粗いドット絵の素材集 デザイン会社のNASU（大阪市浪速区）は、Webサイト「DOTOWN」（ドッタウン）で粗いドット絵の画像素材を提供している。食べ物や乗り物、人物、動
日本語フォントがGoogle Fontsに大量追加！すべてのフォントが商用利用も無料のフリーフォントです
フリーフォントが大好物な人に朗報です！ 🎉 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。 新しく追加された日本語のGoogle Fonts 他にもたくさんある日本語のGoogle Fonts Google FontsのライセンスはほとんどがSIL Open Font Licenseで、商用プロジェクトでも無料で利用できます。他に採用されているライセンスはAPACHE LICENSE, VERSION 2.0です。 フリーフォントが大好物な人には、下記もお勧めです！ 2021年用、日本語のフリーフォント523種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 新しく追加された日本語のGoogle Fonts まずは、先週Google Fontsに新しく追加された日本語
font-feature-settingsが効かない時の確認点 - Qiita
font-feature-settingが効かない時に確認する点をまとめました。 1. 見ているブラウザに対応していない？ 2019年3月現在、ほとんどのモダンブラウザに対応しています。 IEですら、10から対応しているので、 閲覧しているブラウザのバージョンが古いことで 効いていないというのは考えにくいでしょう。 Can I use... font-feature-settings https://caniuse.com/#search=font-feature-settings 2. ベンダープレフィックスが足りてない？ -webkit-font-feature-settings: "palt"; これだけ付与していれば大丈夫。 この記事を参考にしています。 ベンダープレフィックスを検証したい場合に https://qiita.com/syo24/items/aa7cd9e7409d1
【Font】Google Web Fonts で日本語フォントの［Noto Sans Japanese］を使う。
【Font】Google Web Fonts で日本語フォントの［Noto Sans Japanese］を使う。 これ、いつから使えるようになっていたのでしょうか？ 今さらなのかもしれませんが Google Web Fonts で日本語フォントの［Noto Sans Japanese］が利用できるようになっていたので、その導入方法を紹介します。 「Noto Sans Japanese」って何？そもそも［Noto］とは Google と Adobe が共同開発したフォントで、昨年（2014年）の7月16日にリリースされました。 世界中のあらゆる言語がサポートされていて、文字の太さ（font-weight）は７種類も用意されています。 当然、日本語にも対応しており、国内のデザイナーの方々が歓喜して導入・利用をはじめたのはまだ記憶に新しいですね。 リリース当時、弊社のブログでも大々的に取り上げま
フリーフォントの作者様に感謝！最近リリースされた日本語フリーフォントのまとめ -2019年上半期
最近リリースされたものを中心に、ひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 レトロなフォント、漫画や同人誌にぴったりなアンチック書体、プログラミング向けの等幅フォント、タイトルやコピーに使えるデザインフォントなど、たくさんのフォントがリリースされています。 ※梅干フォントが新コミック体になってしまってます、、、 最近のだけでなく、これまで全部の日本語の無料フォントは下記をどうぞ。 2020年用、日本語のフリーフォント 417種類のまとめ 最新のフリーフォント、まずは縦組み・長文・文芸向けの「源暎ちくご明朝」から。 源暎ちくご明朝 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 源ノ明朝をベースにした、縦組み・長文・文芸向けをターゲットにデザインされた本文向け明朝体。東京築地活版製造所の五号活字（築五）の系譜に連なるオールドスタイルの仮名を持つフォン
デザイナーは知ってて当然？なド定番の欧文/英語フォント22 | co-jin
デザイナーなら知っていて当然？なド定番の欧文/英語フォントをご紹介します。 もちろん、ここに掲載した以外にも、ド定番の欧文/英語フォントは多数存在しますが、今回ご紹介しているフォントはデザイナーたちに特に愛され続けているフォントばかりです。 まだ知らなかったという方は、これを機会に使ってみてくださいね。 デザインが、グッとよくなると思いますよ。 Garamond オールド・スタイル・セリフの代表格で、ガラモンとかギャラモンなどと呼ばれます。 フランス人のクロード・ギャラモンが製造した活字。 登場したのはなんと16世紀、非常に歴史のある書体です。 Helvetica スイス人デザイナーのマクス・ミーディンガーとエドゥアルト・ホフマンが1957年に発表したサンセリフ。 Appleが標準フォントとして利用していることでも有名ですね。 ちなみに、「ヘルベチカ」は、ラテン語で「スイスの」という意味で
保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで
Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome Design Tools -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アクセシビリティのツール アニメーションのツール AR（拡張現実）のツール コラボレーションのツール カラーピッカーのツール デザインのフィードバックツール デザインのハンドオフツール デザインパターンとインスピレーションのツール デザインシステムのツール デザインをコードにするツール エクスペリエンスのモニタリングツール フォントのツール スクリーンショットのツール アイコンのツール イラストのツール 情報アーキテクチャの
ウェブで美しい文字組みを表現する。-ウェブフォントの文字詰め・文字組み- | das. – 株式会社デジタル・アド・サービス
デザイン ウェブで美しい文字組みを表現する。 -ウェブフォントの文字詰め・文字組み- August 5, 2014 美しく、読みやすい文字とはー 何十年も前の古い書物を手にした時でも、その文字の美しさや存在感に圧倒されることがあります。 経年劣化による印刷のかすれや紙のヤケですら、そこに印刷されている文字の美しさを引き立たせるような本に出会うと、内容がどうであれ、それだけで充分な価値があるように思えてきます。 それを考えると、「文字」を取り巻く技術は進歩しても根本的な美しさの基準や価値はまったく変化していないという事に気づきます。 ことウェブにおいても同様で、縦書き表現なども含めウェブサイトでの文字についてはもう何年も前から議論されてきました。 ひと昔前までは、ウェブサイトでのデザイン要素としての文字は画像で補う、というような常識がありましたが、CSS3の登場以降、そんな常識も崩れてウェブ
デザイナー必見！人気のフォントサブスクサービスまとめ【2021年版】 | Web Design Trends
デザインにおいてフォントは欠かせない要素です。フォントの細かな違いによって、デザインのイメージが変化し、大きな影響を与えます。 しかし、デザインを始めたての方はPCにデフォルトで入っているフォントを使っているという方も多いのではないでしょうか？ 今回は、デザインにとって欠かせない要素であるフォントを定額、もしくは無料で利用することができる人気のフォントサブスクサービスをご紹介したいと思います。 2022年版：おすすめのWebアイコンフォントサービス10選 Webアイコンフォントを利用することで、数千種類のアイコン素材をWebサイト上で簡単に表示することができます。 Webサイト上で多くの画像ファイルを読み込むとページの表示速度に影響してしまいますが、W... Web Design Trends Google Fonts Google Fontsは無料で利用できるGoogleが提供するフォン
WebフォントのCSSとライセンス記載例 - Qiita
何かと便利なWebフォント。でもライセンス周りが心配なので、メジャーそうな以下のライセンスの書き方を整理してみました。 無料で使えるからこそ敬意を払って、ライセンスはちゃんとしたいですよね。 SIL Open Font License (OFL) IPAフォントライセンスv1.0 Apache License 2.0 SIL Open Font License (OFL) /*! * "FontName" licensed under the SIL Open Font License * http://www.hogehoge.com/（配布元のURL） */ @font-face { font-family: 'FontName'; src: url('FontName.eot?') format('oldIE'), url('FontName.woff') format('woff'
フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)｜原田 佳樹 Harada Yoshiki
こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル＋タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー
自家製 Rounded M+ とは | 自家製フォント工房
このフォントについて Rounded M+ (ラウンデッド エムプラス) は、オープンソースの日本語フォントである M+ OUTLINE FONTS をもとに、形状を加工する処理を施して丸ゴシックにした日本語アウトラインフォントで、M+ OUTLINE FONTS 由来の高い品質、豊富な 7 つのウエイト (文字の太さ) 、制約のない自由なライセンスが特長です。Windows, Mac, Linux など、TrueType フォントを使用できる各種環境で使用することができます。M+ FONTS と同じライセンスのため、無保証ですが、非営利・営利や改変の有無、再配布などの利用形態を問わず、あらゆる用途において無償で自由にお使い頂けます。 こちらで公開している自家製 Rounded M+ は、 伊藤ひろ氏のサイト itouhiroメモ の フリーフォントM+を丸ゴシック化 ― Rounded
あのフォントがWebフォントに？！有名フォントにそっくりなWebフォントを見つけたよ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ぺちこです。 何か気のきいたオープニングトークをしようと思いましたが、びっくりするほど何も思いつかなかったので割愛します。 突然ですが、「あのフォントをWebフォントとして使いたい。でも、それにはライセンスの壁が・・・。」という悩ましいとき、ありますよね。 欧文フォントに関しては数も多いので代替のWebフォントを探すかと思いますが、これがまた時間がかかる。探している間に素敵なフォントに出会うこともありますが、短縮できるものはなるべく短縮したい！ というわけで、「Google Fonts」と「Font Squirrel」から有名なフォントにそっくりなフォントを探してみました。 比較するときの基準 探したとき、主に重視した部分は以下です。画像で比較しているアルファベットだけが似ていても仕方ないので、ある程度の基準を設けています。 「a」「b」「c」「d」「o」の丸み 「a」「g」の
Webフォントを滑らかに表示させるCSS 2016年版 IE 11/Edge/Chrome/Firefox（Windows）
目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1px rgba(0,0,0,0.5) CSSを適用した状態で各ブラウザーの実際の画面でチェック このブログ内の関連ページ 参考にしたページ サンプル画面として使ったサイト この記事へのネットの反応まとめ ●ブラウザーによってWebフォントの見え方が違う 今更ですが、日本語のWebフォントを会社のサイトで使い始めました。 元来、Webブラウザは端末にインストールされているフォントを呼び出し文字を表示する。端末のフォント如何では、Webデザイナーが意図しないWeb表示がなされてしまい、またフォントに関するWebデザインに制約が生じてし
プログラミングが捗りすぎる！コーディングに最適なフォント12選 - paiza times
Photo by Linux Screenshots こんにちは。谷口です。 エンジニアの皆さんは、プログラミングをする際にどんなフォントを使用していますか？ 「特にこだわりないからデフォルトのまま」という方も多いとは思いますが、プログラミング中は大量の文字を読んだり書いたりし続けるわけですから、なるべく可読性が高くてストレスが少なく、また自分の気に入ったフォントを見つけた方がよいのではないでしょうか。 そこで今回は、エンジニアの皆さんにお勧めの、プログラミングに最適な無料フォントを11個ご紹介いたします。 ■どういうフォントが見やすいの？ フォントには、セリフ体というものとサンセリフ体というものがあります。 セリフとは、文字の線の端につけられる「ひげ」のような、線・飾りのことを言います。 例えば、上の図でいいますと、上のフォント（MS明朝）がセリフ体、下のフォント（MSゴシック）がサンセ
見やすいプレゼン資料の作り方 - リニューアル増量版
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons - Material Design
游ゴシックのfont-family指定方法！@font-faceは絶対NG！WindowsのChromeでかすれる問題徹底検証 | WEMO
ためしがき
漢字も使えて見出しやキャッチコピーにいい感じ、やさしいデザインのフリーフォント -ロゴたいぷゴシック