Futura Nowとオプティカルサイズについて｜hide
反省しなきゃいけないんだけど、ちょっと小金が入ったとはいえ、また前にもしたような迂愚な行いで、発売記念バーゲンセール75％OFFのFutura Nowをついつい衝動買い……Monotype使い放題を契約しているのでこれに関していえば本当に無駄遣い。まぁ、なんというか何やってんだろう……少し計画的に収入支出を考えないと、お金なんて出ていくばっかりなんだから……ホント、ちゃんとしないと……イヤ、なんか、それ以前に酔ってるときは気をつけないと……さて、まぁ、そんな感じなので今回は脳内の予定を変更して急拠Futuraの話をしよう。ところで国語審議会と新聞なんかの所為で急拠って書いてしまっているけど言葉の意味からいっても本来これは大間違いで急遽って書かないといけないんだけれど……その話は……まぁどうでもいいか。 さて、とは言ってもPaul Rennerによって設計され1927年にリリースされたこのジ
【WEBフォント】Noto Sans系日本語フォントは結局どれを使えばいいのか検証してみる | oku-log
「Noto Sans」とは GoogleがAdobeと共同開発したフォントファミリー。 webフォントで日本語が使えるメリットは大きいので積極的に使っていきたいところです。 しかし、「Noto Sans」はとにかく種類が多い… ほぼ同じ内容なのにGoogleとAdobeで名称が異なり、さらにその中でも似たようなフォント名で分かれているので非常にややこしいです。 結局どれを使えば良いのか。 今回はwebフォントとして使用をする前提でそれぞれの違いと用途による使い分けを検証してみたいと思います。 どれだけの種類があるのか ざっくり「Noto Sans」=「Source Han Sans」=「源の角ゴシック」ではあるのですが、Google側ではNoto Sans、Adobe側では源ノ角ゴシック（Source Han Sans）という名称でリリースされています。 さらに細かく分けると以下のようにな
Notoがfont-feature-settingsが効かない理由を調べてわかった意外な事実 | ナップブログ
こんにちは櫻井です。 先日、Notoが字詰め(font-feature-settings)効くか検証してほしいと依頼があったので今回はそれを検証していきたいと思います。 早速検証 早速検証していきます。まずはGoogle FontsからNoto Sans JPを拝借してfont-feature-settingsを当てていきましょう。 今回は太さは「font-weight: 400」で字詰めを ・字詰めなし ・halt ・palt ・pkna ・pwid ・hkna ・kern の7つを比較していきます。 全く詰まってないですね。やる気を微塵も感じられないレベルです。Noto Sans JPには字詰めは効かないみたいです。ですがGoogle Fontsには「Noto Sans」はいくつかありました。 ここでひとつ疑問が生じます。字詰めが効かないのはNoto Sans JPだからなのか？それと
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
これだけは抑えておきたい！定番英字フォント18選｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、スイカは白いところまで食べる小林です。 今日は個人的主観で、よく使う、あるいは使いたいと思っている定番欧文フォントをご紹介したいと思います！ フォント選びで迷うと、ついつい、無難なフォントを使いがちですが、そのフォントの性質やディテール、成り立ちを知ることで、よりそのデザインにマッチしたフォントが選べるようになると思います！ セリフ体 Baskerville （バスカヴィル） 伝統、高貴さを感じさせる、1750年代にイギリスのジョン・バスカヴィル（John Baskerville）によって作られた、Transitional（※）フォントの代表格です。 バスカヴィルのフォントは当時のイギリスではなかなか受け入れられず、アメリカやフランスで多く使われたようです。 しかし今では堂々とした大文字などからイギリスを代表する書体デザインの一つと言われています。 Baskerville Ol
フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)｜原田 佳樹 Harada Yoshiki
こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル＋タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー
英語フリーフォントまとめ！おしゃれでかっこいいアルファベット77選
【パワーポイント作成】伝わるデザインのコツ ほんの一手間で驚くほど見やすく変わる！パワーポイントやGoogleスライドなど資料のデザインを見やすく仕上げるコツを解説します。 オシャレな英語のフリーフォントまとめ 1.Muller font https://www.fontfabric.com/fonts/muller/ シンプルで美しく、汎用性の高いフリーフォントです。 極細から極太まで、異なる太さを用意しており、一部無料で使用できます。 2.Bebas Neue http://www.fontfabric.com/bebas-neue/ やや幅が細めで、すっきりとしたデザインのフリーフォントです。 3.Vger Grotesque font 角張ったスタイルがユニークな、サンセリフ書体のフリーフォントです。 男性向けのデザインに最適です。 4.OXYGEN MONO https://ww
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
Lato - Google Fonts
Lato means “Summer” in Polish, and it is a sans serif typeface family started in the summer of 2010 by Warsaw-based designer Łukasz Dziedzic. Originally conceiv
【Font】使い勝手の良いオススメの Google Web Fonts サンセリフ系 × 11選。
今日は、誰でも無料で利用できる Google Fonts の中から、オススメのサンセリフ体のフォントを11個まとめて紹介します。 サンセリフ（仏: Sans-Serif）とは、セリフのない書体の総称である。セリフとは、文字の線の端につけられる線・飾りで、「うろこ」、「ひげ飾り」、「ひげ」とも呼ばれる。旧来のセリフのついた活字書体（セリフ体・ローマン体とも呼ぶ）と区別するために用いられる用語。「サン」とは、フランス語で「〜のない」という意味で、「セリフのない書体」を表している。グロテスク体とも呼ばれる。 Wikipedia サンセリフ体で有名なものでは『Heveltica』や『Gill Sans』や『Futura』などのフォントが挙げられます。 残念ながらこれらのフォントは版権などの事情があり Google Fonts では扱っていません。しかし似たような書体ならウェブフォントで無料で利用す
Chess symbols in Unicode - Wikipedia
For the Unicode block with heterodox chess symbols, see Chess Symbols. Font depictions of Unicode chess symbols (in the same order as the table). 1st: DejaVu Sans; 2nd: FreeSerif; 3rd: Quivira; 4th: Pecita. GNU Chess using Unicode chess characters to display a chess board in the terminal. Chess symbols are part of Unicode. Instead of using images, one can represent chess pieces by characters that
日本語WebフォントにNoto Sans CJK JPを指定する時に気を付けたこと
900ライセンスApache License 2.0Noto Sans CJK の配信サービス(余談)Google Fonts : Early Accessでウェブフォントとして配信されている。 Noto Sans Japanese (Japanese) ただフルサイズなので 16MB ぐらいある。さすがに、このサイズは現実的ではない（動作確認には良いかも）。 @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); Noto Sans CJK JP を入手するGoogle Noto Fonts からダウンロードする。 言語ごとにフォントが分けられているので「Noto Sans CJK JP」を選択してダウンロード。 zip 形式で圧縮されているので解凍すると、それぞれの形式のフォントファイルが入
Noto Sans (源の角ゴシック) をWebフォントで使えるように軽量化する方法 - あなたのスイッチを押すブログ
ウェブフォントにハマりすぎて、かなり泥沼化していたのですが…。この度ようやく1つのゴールに辿り着くことができました。 その結果が「Noto Sans CJK JP」の採用です。 しかしこのフォント、Webフォントとして使用するには些かサイズが大きすぎるのが問題。そのまま使ってはページの読込速度に大きく影響してしまいます。 そこで必要なのが、フォントの軽量化。具体的にはこれを「サブセット化」と言います。 Noto Sans とは？ 最初にちょっと「Noto Sans」というフォントについてご紹介しましょうか。 これは、 Google が、Adobe と共同開発した無料かつオープンソースのフォントファミリーNoto Sans CJK をリリースしました。 via: Google、オープンソースの日中韓フォントNoto Sans CJK を無料配信。Adobe と共同開発 - Engadget
源ノ角ゴシック(Noto Sans)派生フォントまとめ〜最新フリーフォント9種類
ウェブフォントにも使えるJapanSans JapanSansは100%、90%、80%、70%の幅が選べる等幅で無いフォント。ウェブフォントでの使用を考えて作られていますが、漢字も入った印刷用フォントも収録。OpenType形式のフォントでWord・フォトショップなどでも活用できるフリーフォント。 https://webfontfan.com/japansans/ 個性的な味わい深いフリーフォント鉄瓶ゴシック 商用・非商用問わず使用可能なので、安心してダウンロードできます。ロゴデザインやタイトル向けのフリーフォントで、ゴツゴツとした質感の味わいが面白いフォントです。 https://fontna.com/freefont/?p=12 Desiete角ゴシック Source Han Sans（源ノ角ゴシック）の派生フォント。U+1B000～U+1B001用のグリフなど5つの修正を行っている
The Typekit Blog | Source Han Sansの紹介：オープンソースのPan-CJK書体
アドビは、Googleとのパートナーシップにもとづいて、Source Han Sansのリリースを発表しました。この書体は、新しいオープンソースのPan-CJK書体ファミリーであり、Typekitからフォントを入手してデスクトップで使用できます。Typekitアカウントをお持ちでない場合でも、セットアップは簡単におこなえ、無料ですぐにSource Han Sansフォントを使い始めることができます。オリジナルのソースファイルを使用したい方は、GitHubのダウンロードページから入手できます。 Source Han Sansは、7つのウエイトが利用可能で、日本語と韓国語で用いる文字および中国語で用いる繁体字と簡体字のグリフのバリエーションすべてに完全に対応する 書体ファミリーです。さらに、評価の高いSource Sansファミリーのラテン文字、ギリシャ文字、キリル文字も含まれます。ファミリー
Noto Sans CJK JP フォントをダウンロードしてサイトに適用する手順 - Qiita
CSSの埋め込み方まで詳細に説明している所がなかったのでまとめてみました。 デモプレビュー 書き出しサンプル + デモデータ 一式 1. フォントダウンロード 2. アプリインストール サブセットフォントメーカー WOFFコンバータ OTF → WOFF + EOT WOFF → TTF http://opentype.jp/woffconv.htm 3. サブセット化 サブセットフォントメーカーを使用してフォントをサブセット化しファイルサイズを削減します。 以下、アスキー文字 + 非漢字文字 + 第1水準漢字でサブセット化すると 16MB→700KB 位になります アスキー文字 !”#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
“地獄”からやってきたフォント「Hellvetica」、その恐るべき破壊力
Barlow Condensed - Google Fonts
Wordmark
ヒエログリフ・トンパ文字・ルーン文字など、普通の人にはちょっと読めないフリーフォントのまとめ
