You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Get Started with the Google Fonts API Stay organized with collections Save and categorize content based on your preferences. This guide explains how to use the Google Fonts API to add fonts to your web pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. A quick example Here's an example. Copy
半年ぶりの更新がバグネタってのが情けないね。 この記事は CSS珍100景 Advent Calender2014に合わせて記事投稿してます。 貯蓄したバグネタと被っていないか色々とググッた結果、8割ぐらいが既に報告があがっていたので、引き出しの少なさを実感する次第。 Webフォント(Webフォントサービス)を使うとCSS3の三点リーダーが表示されない Fonts.comのAixsフォントを使っていた時に起きた現象をご紹介。 CSS3を使って三点リーダーによる文言省略を実現するには、 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; と記述するが、(ここや、ここのサイトのほうが詳しく紹介している) WEBフォントを適用している文字列に対して、このCSSを設定しても省略記号(...)がでない。なんぞ...?と思い、
結論: pyftsubset --layout-features='*' を使え 経緯 はじめ、Noto Sans CJK JPをWebフォントとして使うためにサブセット化したくていろいろやってたのですが、全然うまく行きませんでした。というのも、CSSでfont-feature-settings: 'palt';したいのに、武蔵システムのサブセットフォントメーカーはOpenType機能を削除してしまいますし、かといってFont Squirre Webfont Generatorを初めとするサブセット化Webサービスには、そもそもフォントサイズが大きすぎてだめって言われるか、502 Bad Gatewayか、無かったことにされるかします。 フォントサイズ? そういえばNoto Sans CJK JPと同じグリフでできているAdobe Source Han Sans JPは、たしか前者よりサイ
Google Fontsのealry access で公開されている日本語フォントをまとめてみました。 Google Fontsの使い方は「Google Web Fonts を使ってみた」などをみてください。 Hannari はんなり明朝 http://typingart.net/?p=44 https://twitter.com/typingart @import url(http://fonts.googleapis.com/earlyaccess/hannari.css); Kokoro こころ明朝体 http://typingart.net/?p=46 https://twitter.com/typingart @import url(http://fonts.googleapis.com/earlyaccess/kokoro.css); Mplus 1p http://mplus
2016.08.22 Webフォントのロードをやめた このサイトではフォントに Roboto と Roboto Mono を適用している。以前までは Google Fonts で配信されているそれぞれのフォントをロードしていたが、それをやめて font-family の指定のみに変更した。 プログレッシブな適用とOS共通フォントの選択 まず前提として、テキストのベースフォントとして明朝(serif)を、 <h1> ~ <h6> の見出しにはゴシック(sans-serif)を、コードには等幅(monospace)を適用する前提方針がある。明朝・ゴシック・等幅の中から自分の好みに近く、尚且つ Mac と Windows にインストールされているものを優先的に選ぶようにした。 body { font-family: YuMincho, serif; font-weight: normal; }
このフォントについて Rounded M+ (ラウンデッド エムプラス) は、オープンソースの日本語フォントである M+ OUTLINE FONTS をもとに、形状を加工する処理を施して丸ゴシックにした日本語アウトラインフォントで、M+ OUTLINE FONTS 由来の高い品質、豊富な 7 つのウエイト (文字の太さ) 、制約のない自由なライセンスが特長です。Windows, Mac, Linux など、TrueType フォントを使用できる各種環境で使用することができます。M+ FONTS と同じライセンスのため、無保証ですが、非営利・営利や改変の有無、再配布などの利用形態を問わず、あらゆる用途において無償で自由にお使い頂けます。 こちらで公開している自家製 Rounded M+ は、 伊藤ひろ氏のサイト itouhiroメモ の フリーフォントM+を丸ゴシック化 ― Rounded
かなざわ本丸ゴシックは華麗な日本語書体 フリーフォントのかなざわ本丸ゴシックminiは、無料ダウンロードできる漢字も入った日本語書体。華麗なこのフリーフォントは教育用漢字1006字が含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。 かなざわ本丸ゴシックのイメージについて 金沢城のある、豊かな自然と伝統が息づく金沢市をイメージした丸ゴシック体です。武家好みの気品ある形の中に、躍動感のある華麗な美しさを含んでいます。クラシックな柔らかさの中にキレのある表現が可能です。とても素敵なイメージイラストを、はしゃ様に描いて頂きました。 フォントのデザイン特徴について 全体としては左下に引っ張られて流れるようなフォルムが、文章に動きとつながりを感じさせます。丸ゴシック体はゆっくりとした筆の動きの書体が多いのですが、緩急のある大胆な流れにしました。また明朝体
個人・商用で無料で利用できる、日本語のフリーフォント219種類を紹介します。前回は164種類だったので、大幅に増えています! 記事公開後も増えています(201→207→211→219)。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。 毎年まとめていますが、初紹介のものから既存のものまで改めてリンク・ライセンスを確認しています(※情報はこの記事の執筆時のもの)。 ライセンスはサイトだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開!フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 Kazesawa フォント 個人・商用サイトで無料利用可。同人誌や各種
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く