あの IBM が作ったオープンソース日本語フォントを使い、プログラミングフォント『PlemolJP』を作ってみた - Qiita
ダウンロード GitHub のリリースページからダウンロードできます。 各リリースノートの下部にある Assets という箇所を開くと、zip ファイルをダウンロードできます。 ✅ PlemolJP_HS_vx.x.x.zip になっているものは全角スペースを可視化しない版（HS: Hidden Space） ✅ PlemolJP_NF_vx.x.x.zip になっているものは Nerd Fonts 対応版（NF: Nerd Fonts） Powerline を始めとした多くのアイコンが表示できます。 ※Console 版のみの提供 ダウンロード⏩ Releases 気に入ったら GitHub でも Star🌟 を付けてもらえると大変嬉しいです！ 謝辞 IBM Plex シリーズを提供してくださっている IBM 社へ、この場を借りてお礼申し上げます。 IBM Plex Sans JP は
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
フロントエンドエンジニアさんに知ってほしい、デザインデータを正しく読み取るための知識｜千星 健夫（NECKTIE design office）
デザイナーの千星（ちぼし）です。 NECKTIE design officeという名前でGRAPHIC / WEB / PRODUCTと領域をはみだしてデザインをしています。 最近いつもお願いしているエンジニアさんとは違う人とWEBの仕事をすることがあって、なかなかこちらの意図が伝わらず、特に文字周りに関してイチから説明しなければいけないことが何度かあったので、noteにまとめることにしました。少し長いですが、フロントエンドのエンジニアさんにはぜひ全文読んでいただきたいです。 この記事ははあくまで「千星が外部のフロントエンジニアさんに依頼するときに注意してほしいこと」がベースになっていますので、レスポンシブの実装方法など違和感がある部分もあるかもしれませんが、ご了承ください。また実装データはIllustratorで製作しています。以前はPhtoshopで製作していましたが、合成フォントをは
VSCodeで最強のMarkdownノートエディタを作ろう
昨日の自分「今作ってる曲まじで良すぎる。天才かもしれん」 今日の自分「ﾅﾆｺﾚ。曲作り下手すぎか～～」 この記事は新歓ブログリレー23日目の記事です。 こんにちは、カシワデと言います。サウンド班に所属していてパソコンで音楽を作っています。 皆さん、DTMってしってますか？ DTMとはDeskTop Musicという和製英語の略で、パソコンで音楽を作ることを広く指します。パソコンで音楽を作ると言っても昨今の曲は大体パソコンを用いて作られているので、DTMというと特に"打ち込み"のニュアンスが出るような気がします。 でも、『パソコンで音楽を作る～』とか『打ち込み』っ… 🎉入学おめでとう🎉まずは新入生の皆さん、ご入学おめでとうございます！！！これから始まる大学生活は非常に短いですし、世間で言われる程時間に余裕があるわけでは無いので、後悔の無い充実した生活を送ってください！
CSSの数学関数min()、max()、clamp()の基本的な使い方
IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基本的な使い方を紹介します。 min(), max(), and clamp(): three logical CSS functions to use today by Una Kravets CSSの関数のさらにいろいろな使い方は、下記をご覧ください。 CSSの比較関数 min(), max(), clamp()の使い方を詳しく解説 CSSのcalc()関数を使うとスゴイ便利！ページのレイアウト、要素やフォントのサイズ指定など実装
トランプ on Twitter: "やばいな〜。IBMがこの度公開した和文のゴシック体フォント「IBM Plex Sans JP」、完全にオープンソースなんだけど、独特のスミ取り処理とかでツブレにくく、これまでになかった表情があってオシャレ。 完成度高くておすすめで… https://t.co/oRhFNB9kjk"
やばいな〜。IBMがこの度公開した和文のゴシック体フォント「IBM Plex Sans JP」、完全にオープンソースなんだけど、独特のスミ取り処理とかでツブレにくく、これまでになかった表情があってオシャレ。 完成度高くておすすめで… https://t.co/oRhFNB9kjk
しっぽり明朝｜商用・同人誌利用可能フリーフォント
◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し
「フォントの関係性はそんなのだったの！？」リアルに9割の人が気づいていない「游ゴシック」の話
おかやん @okyn4104101 これは気づいててその都度どのBを使う・使わないの判断や選別をしてたけど、「結論」までは整理できてなかったので、なるほど、という感想。 twitter.com/powerpoint_plu… Mitchara @Mitchara これと関連して、「Wordで、太字をちゃんと太字にするために和文書体を『游ゴシック』にすると欧文書体との切り替えがうまくいかない」という問題にここ数日悩まされていました。游ゴシック Medium + お好みの欧文フォントにして、太字はスタイル機能で游ゴシック + 太字にするとうまくいきますね twitter.com/powerpoint_plu…
游ゴシックの話題の解説
「フォントの関係性はそんなのだったの！？」リアルに9割の人が気づいていない「游ゴシック」の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。 正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。 なお私は発端のツイートのひとではない。善意のいちハテナーである。 さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人＋毛である。 太字には２種類あるまず、コンピューターの画面に映し出される「太字」には２種類ある。 ひとつは、最
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
フリーフォント ロゴたいぷゴシックのダウンロード | フォントな。無料日本語フリーフォント
ロゴたいぷゴシックはどんなフリーフォント？ フリーフォントのロゴたいぷゴシックは無料でダウンロードでき商用・非商用問わず使用可能です。 ロゴデザインやタイトルロゴ、見出し向けの漢字も含まれる日本語フリーフォントになります。 ロゴ向けフォントのかっこいい感じと、少しやさしくてエレガントな柔らかいデザインが特徴です。 ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 マイクロソフトのエクセルやワードなどお手持ちのソフトでご使用できます。 Adobeのグラフィックソフト（イラストレーター、フォトショップ）があれば アウトライン化などし編集して、よりお楽しみ頂くこともできると思います。 おしゃれな感じに使っていただけると、すごく嬉しいです。 ロゴたいぷゴシックのフォントのライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * M+ (
【絶対見たことある！】デザイナーの中で流行のフォント４選！！ | ベーコンさんの世界ブログ
デザイナーのベーコン（@dogdog464646）です！！ プレゼン資料作りにも役立つ、デザイナーがついつい使ってしまうフォント4つを選んで解説しました！ 「フォントにお金を出すのはちょっと…」という方のために無料フォントを紹介します。 いいフォントを使うと明らかにデザインが締まりますので、新しいフォントにチャレンジしてみてくださいね。 １つめ『DSきりぎりす』 (DS-kirigirisu) 「DSきりぎりす」このフォントはすごいです。 ポケモンで言ったらポッチャマ。GLAYで言ったらTERU。ドラゴンボールで言ったらベジータ。つまりスーパーヒーロー！2016年もまだまだ色んな所で使われていますね。 ▼DSきりぎりす (DS-kirigirisu) (¥16,500 ） こんな感じで使われている ●コンビニ各社で使われている ファミマのクッキーエッグタルト。あっちこっちきりぎりすフォント
OS X El Capitan（10.11.2）搭載のヒラギノフォントと弊社製品版フォントについて｜ヒラギノサポート
OS X El Capitan（10.11.2）搭載のヒラギノフォントと 弊社製品版フォントについて 2015年12月11日掲載 平素は弊社製品をご愛顧頂き、誠にありがとうございます。 Apple社からリリースされた「OS X El Capitan 10.11.2（以下「OS X 10.11.2」という）」に搭載のヒラギノフォントと「製品版／従来版フォント(※)」との互換性、使用上の注意点などをご説明いたします。 ※製品版／従来版フォント：弊社製品版、MORISAWA PASSPORT製品版、OS X 10.7～10.10搭載版 ＜OS X 10.11.2の変更点＞ OS X 10.11.2にて、OS X 10.11～10.11.1で発生していた非互換項目のうち、最も深刻な「異体字テーブルの不具合」が修正されました。 これにより深刻な不具合は解消しましたが、製品版／従来版フォントとは濁点の
あの昭和の名作ドットフォント15書体が完全復活！JIS第2水準の漢字も揃ったフリーフォント -KHドットフォント
1987年に発売されたシャープのパソコン「X68000」シリーズ用として頒布されたドットフォント15書体が、TrueType形式のフリーフォントとして現代に蘇った「KHドットフォント」を紹介します。 サイズは12-32ドット、角ゴシック・丸ゴシック・明朝・太明朝など、さまざまな書体が揃っています。小伝馬町、秋葉原、神楽坂、道玄坂、人形町、名前も素敵！ KHドットフォント シリーズ KHドットフォントは、書体デザイナーの平木敬太郎氏（フォント・サイロ）が1991年から1996年にかけてリリースされたフォントをTrueTypeフォントとして再構成したものです。 再構成したのは、「源真・源柔ゴシック（紹介記事）」などの作者様です。 そんなお二人の「現代でもフォントとして利用したい」という思いの元、今回の公開に至りました。また多くの人に利用してもらえるようライセンスは、SIL オープンフォントライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語プログラミングフォント「PlemolJP」v1.0.0が公開／全角空白を可視化するなどの工夫を凝らす
ウェブデザインの余白に規則性を持たせるためのパターン
レスポンシブ用にfont-size, margin, paddingなど、プロパティの値を一元管理できるSassの超軽量ライブラリ -SSCSS
ゴシック体のフリーフォント15選【商用利用可】
モダン日本語フォント指定
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
