試した方がいいGoogle Chrome experiments はじめに Chromeデベロッパーツールは、ウェブ開発者間で最も使われているツールの1つです。しかし、ほとんどの開発者が知らない素晴らしい機能があります。 この記事では、すべての開発者が試すべきChromeデベロッパーツールの実験的機能トップ5について説明します。 1. CSS Overview - すべてのスタイルの詳細情報を表示する CSS Overviewは、ウェブページで使われているすべてのスタイルの概要を表示します。 この機能は、色、フォント、メディアクエリ、未使用の宣言に関する詳細情報を含んでいます。UIにCSSの修正を加える時に便利で、カラーピッカーなどのサードパーティツールを使う必要がなくなります。 ChromeデベロッパーツールのCSS Overviewタブ この機能を有効にするには Google Chro
日本語組版の行間の話 in PowerPoint
anond:20210204012040 前書き組版の専門家だよ。ブックマークとかで行間のリクツが知りたいという旨があったので、簡単にまとめるよ。 なお、行間に限らず、日本語組版に関する専門的な知識は『W3.org 日本語組版処理の要件（日本語版）』に載っていてタダで読めるよ。 https://www.w3.org/TR/jlreq/ この文書は『JIS X 4051 日本語 組版規則』を下敷きに、超のつく専門家がwebの世界向けにまとめたやつだよ。 この知識で書籍の本文組版がきっちりできちゃうよ。印刷周りの知識と組版ソフトを扱う技術もいるけどね。 これから書くのは、組版の専門家としての意見で、PowerPointとかプレゼンとかの専門家の意見ではないよ。 簡単な結論結論を先に書くよ。 単位は%の行送り。例えば150%と書いたときは、文字サイズが10pointのとき、行送り150%は15p
html { font-size: 62.5%; } は嫌いだ - デフォルトを変更するのは悪手です - Qiita
font-size: 62.5%;というテクニックがありますよね デフォルト値に手をかけるので、超絶嫌いなテクニックのひとつです なのにですね、あちこちで超見かけるんですよ。 検索かけても「便利！」という言葉がたくさん並んでいるんです。 超嫌いなんですが、いったいどこから湧いたテクニックなのかわからない。 そこで、時間を見つけて調べようと思って、タイトルを書くだけ書いたら1年溶けてました そろそろ廃れる頃合いだと思うのですが、現在Webサイト制作の勉強をしている初学者間では、いまだにメインストリームを歩んでいるっぽいので、流行りに乗り遅れたなあと思いつつ、つらつら調べてみました。 html { font-size: 62.5%; } の概要 フォントサイズをピクセルで指定した場合、ユーザーがブラウザ設定でフォントサイズを変更していてもフォントの大きさは変わりません。 はっきり言ってアクセシ
デザインの4原則といえば、 「整列ビーム」「近接ホールド」「メリハリパンチ」「反復リピート」です！ Webでも紙のデザインでもこの原則を使うだけで、デザインがぐっとよくなります。 マンガを笑いながら読んでいる間に、デザインの基本がしっかり身についてしまう、新感覚の意識低い系デザイン本を紹介します。 「けっきょく、よはく。（紹介記事）」「ほんとに、フォント。（紹介記事）」、そして先日発売されたばかりの「あたらしい、あしらい。（紹介記事）」のソシム社から、今度は意識低い系のデザイン本が登場です！ 「デザイナーじゃないのに！」と叫んでいる主人公と一緒にデザインを学ぶ楽しいマンガです。しかも、まさかのラブストーリー！
知っておくと便利なCSSの単位: ビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を解説
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 前回はフォントに基づく相対単位でしたが、今回はビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を紹介します。 Relative length units based on the viewport -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの単位: vwとは CSSの単位: vhとは CSSの単位: vbとviとは、ブロックとインライン CSSの単位: lvh, svh, dvhとは ビューポート単位の解説動画
海の幸 @tomato5023 これ！これ！探してました。昨日の衝撃。もったいないとは思わなかったけど、なんだ！？サスペンス的テロップと困惑しました。 twitter.com/meworange/stat… 2020-04-08 12:28:00
Seiho @seiho777 Day Tripper Records主宰 Sugar's Campaignの片方 おでん屋そのとうり 和菓子屋かんたんなゆめ soundcloud.com/seiho
IBMのオープンソース日本語フォント「IBM Plex Sans JP」の実力をデザイナーが検証してみた：デジタルネイティブのためのフォントとデザイン（1/4 ページ） GItHubで公開されている話題のIBM製オープンソースフォント「IBM Plex Sans JP」。「デジタルネイティブのためのフォントとデザイン」連載を執筆しているエディトリアルデザイナーの菊池美範さんが検証した。 Googleの「Noto Sans CJK JP」やアドビの「源ノ角ゴシック」といった日本語フォントの登場によって、プレゼンテーションやドキュメントの日本語表示は格段にレベルが上がった。もうこれで十分なのではと思っていたところ、IBMがオープンソース日本語フォント「IBM Plex Sans JP」をGitHubで公開したという知らせを受けた。 このフォントをインストールして試用したところ、想像以上に出来の
「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカス「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 2024年6月12日 プログラミングフォント制作者 たわら プログラミングフォント制作者。コーディングに適した欧文・英数字フォントと、日本語フォントを合成し、新たなフォントを生み出す手法に定評がある。2019年5月に「白源（HackGen）」を公開したのを皮切りに、毎年のペースで合成フォントを手がけている。本業ではインフラエンジニアやWebプログラマなどを経て、現在ではSaaS企業にてSREを担う。自身の息子に「プログラミングを教えて」と頼まれた時、まずはプログラミングフォントの重要性を説いた。 X GitHu
レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語のフォントでも最適に利用できます。 Fluid-responsive font-size calculator Fluid-responsive font-size calculatorは、レスポンシブ対応のfont-sizeを可変にするスタイルシートもこの計算機で簡単に生成できます。font-sizeは最小値と最大値を決め、その間のサイズはcalc()関数でスムーズに変更させます。例えば、スマホなどの小さいスクリーンでは16px（最小値）に、ワイドスクリーンでは24p
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。 この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント 8. ビンテージ・フォント 9. デコレーションフォント 01. 日本語フォント 無料で商用利用できる日本語フリーフォント、13書体をまとめています。 マメロン Hi Regular マメロン Hi Regularは、デジタル時代の日常語と俗語の文章表現の視覚化と共有を
Intro Web Font のサブセット化を Font Weight に応じて作り分けるとともに、それを Puppeteer を用いて生成するように変更した。 Web Font の静的サブセット 本サイトで提供している Web Font は当初、文字を事前に選定して生成したものを使っていた。 Noto Sans の Web Font 対応とサブセットによる最適化 当時はコンテンツがなかったが、コンテンツも増えた後は、コンテンツの原稿である markdown ファイルから使用している文字を抽出して生成するように変更していた。 これでおおよそ必要最小限のサイズにすることができていた。 Regular と Bold の最適化 本サイトでは Font Weight として Regular(400) と Bold(700) を提供しているが、これまでは抽出した文字種を Bold/Regular 両
リンク GIRLY DROP(ガーリードロップ) がりどろ運営イチオシ写真一覧 | GIRLY DROP(ガーリードロップ) GIRLY DROP(ガーリードロップ)は、眺めるだけで、キュンとする♡女の子による女の子な無料(フリー)写真画像サイトです。通称「がりどろ」または「ガリドロ」☆商用利用可能で会員登録やクレジットは不要！写真はオシャレな加工済みです♫ 1 user
こんにちは、デザイナーの花ちゃんです！ かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……！！ 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、
コブラフォントのつかいかた
これでコブラ風ロゴの敷居が格段に下がったのではないでしょうか。【2023/9/24追記①】リメイクしました(sm42801306)。3年間で磨き上げたスキルを総動員し、とても使いやすくなったと思います。アルファベット等収録文字も大幅に増えました。【2023/9/24追記②】コモンズの大型アップデートに合わせ、利用規約を変更しました。本フォントはもちろん全てのフォントが対象となりますので、今一度確認いただければと思います。詳細はこちらから→https://webayan39.com/font/2724/作ったフォント→mylist/68343737小豆虫さんがAviUtlで簡単にコブラロゴ風にしてくれるプラグインを作ってくれました。非常に便利ですので、是非。→sm36843818DL・詳細はこちら→https://webayan39.com/font/20/BGM→nc216795
モリサワ 「Google Fonts」へユニバーサルデザインに配慮した「BIZ UDフォント」を提供 | ニュース&プレスリリース | 企業情報
株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel：06-6649-2151 代表、以下モリサワ）は、Google の提供するフォントサービスライブラリ Google Fonts へ、ユニバーサルデザインに配慮した「BIZ UDフォント」を提供します。 BIZ UDフォントは、「文字の形がわかりやすい」「文章が読みやすい」「読み間違えにくい」をコンセプトに開発されたユニバーサルデザイン（UD）フォントです。より多くの方にとって読みやすく使いやすいように設計されており、ユーザ評価に基づく読みやすさのエビデンスを取得しています。ICT化が進む教育現場やビジネスでの書類作成をはじめ、正確な情報伝達が必要な場面でお使いいただけます。2017年から当社が展開する、日常的なビジネス文書作成のためのUDフォントソリューション「MORISAWA BIZ+」で初めて提供
和文フリーフォント“IBM Plex Sans JP”リリース！「ウェイトがあっても潰れない」「フトコロが広い」既存フォントとの比較も
リンク mojiru【もじをもじる】 IBMが無料で使えるフォントIBM Plexを公開 - mojiru【もじをもじる】 オープンソースフォント・IBM Plex オープンソースフォント・IBM Plex 書体見本 IBM-Plex-Mono IBM-Plex-Sans IBM-Plex-Sans-Condensed IBM-Plex-Serif オープンソースフォント・IBM Plexのダウンロードはこちら フォントのミステリー：何故、オリジナルフォント「IBM Plex」が開発されたのか？ 「IBM Plex」の今後…、日本語版「IBM Plex」は？ Netflixもオリジナルフォントを開発！ 無料で使えるフォント「フ 1 user リンク GitHub Release v5.2.1 · IBM/plex IBM Plex Sans JP Added CSS stylesheets
これはかなりいい！ Helveticaに似たオープンソースの無料フォント -Overused Grotesk（異世界のHelvetica）
さまざまなデザインに広く使用されているHelveticaのもっとも際だった特徴を模倣した、異世界のHelveticaを目指してデザインされたオープンソースの無料フォント「Overused Grotesk」を紹介します。 8種類のウェイトに可変フォントも揃っており、Webフォントとしても利用できます。最終的にはキリル文字など多言語にも対応する予定です。 上: Overused Grotesk、下: Helvetica Overused Groteskは異世界のHelveticaとして、Helveticaのもっとも際だった特徴を模倣してデザインされたフォントです。ライセンスはSIL Open Font License 1.1で、個人でも商用プロジェクトでも無料で利用できます。
ついに初の解説書！ フォント制作の王道ソフト「Glyphs（グリフス）」執筆陣も非常に豪華で、フォントの作り方がよく分かります -Glyphsではじめるフォント制作
待ち望んでいた人も多いと思います！ フォント制作の王道ソフト「Glyphs（グリフス）」初の解説書がついに発売！！ 執筆陣も非常に豪華、Glyphs日本語版を監修した書体デザイナーの大曲 都市氏、GlyphsのTipsを公開している照山 裕爾氏、Glyphs用のテンプレートを多数公開している丸山 邦朋氏、アドビの書体デザイナーである吉田 大成氏、ベジェ曲線の基本から実際のフォント制作の入門までカバーした解説書です。 「Glyphs（グリフス）」が気になっていたけど、どこから手をつけてよいのかさっぱりだったという人にお勧めの解説書です。Glyphsのダウンロード・インストールから、購入方法、インターフェイス・基本操作、ベジェ曲線のさまざまなパス操作、記号フォント・欧文フォント・和文フォントの作り方まで詳しくていねいに解説されています。 Glyphsの練習用ファイルや完成ファイルをサポートサイ
【はじめに】この記事はBaaaaと何の関係もないただの学生（25卒）が執筆しています。 【Baaaaとは】カメラで現実世界を写すことで絵文字が生成され、それをコレクションしたり、レコードに載せて音楽を奏でられるアプリ。他の人のレコードを回したりスクラッチしたりとSNS的な側面も持つ。 日本企業のwedが制作しており、同社はONEというレシート買取サービスも開発している。 【感動した5ポイント】1.UIのサイズが激しく変化する下部にあるフッターナビゲーションの大きくサイズが変化するボタンを見て欲しい。選択されている場所を色、サイズ、テキストで強調できており、分かりやすい。また、指からはみ出すアニメーションはダイナミックでワクワクする。 フッターナビゲーションそして、一体感がすごい。フッターナビゲーションを左右にスワイプすることによって、指、ボタン、中央画面が全て同じ方向に動く。まるで指で引っ
VSCodeにおすすめのフォント！ OFLになったモリサワ BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」からスラッシュ付きゼロ対応版がリリース
VSCodeでHTMLやCSS、JavaScriptなどを書く人におすすめのフォントを紹介します。もちろん他の言語でもOKです。 先週紹介したMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」から、スラッシュ付きゼロ対応版がリリースされました。 参考: オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース スラッシュ付きゼロが好きな人には嬉しいニュースですね！ また、全角の記号文字が優先的に表示されるJPDOC版も同時リリースされています。「■□▼▽↑→↓←」などの記号が全角優先で表示されます。 UDEV Gothic スラッシュ付きゼロ対応版と全角記号文字版 スラッシュ付きゼロに対応した「UDEV Gothic v0.0.5」のダウンロードは、下記ページから。 ライセンス
今回は、アメリカ生まれのオレンジジュースが有名な「Tropicana（トロピカーナ）」のリブランディングの失敗例をご紹介します。Twitterでバズったのでnoteでも転載しますｗ アメリカを代表するオレンジジュースを作っているTropicanaの2009年リブランディングの失敗例を紹介 $35Mかけて結局売上が$20Mダウン（1ヶ月で20%下がった） 詳細は以下スレッドにて ↓ pic.twitter.com/UV6XV9jicI — Tetsuro Miyatake (@tmiyatake1) May 12, 2020 トロピカーナは、2008年に有名広告代理店「Arnell」を採用し、大幅なパッケージのリブランディングを計画しました。5ヶ月間のデザイン作業、ローンチキャンペーン、そして$35Mのマーケティング費用を費やしました。その結果、20%売上ダウン（約$20M分）と大失敗し、そ
「0xProto」フォントとは 「0xProto」フォントは、プログラミング向けのフォントです。文字の読みやすさを重視しています。 最初のリリースは2023年5月で、その後も何度かアップデートされています。 1.000：2023年5月 1.300：2023年10月、Nerd Fonts 3.1.1に含まれる0xProto Nerd Fontのベース 1.500：2023年12月 この記事は、0xProto 1.500をもとに書かれています。 （2024-05-21 追記）現在の最新バージョンは2.001になっています。なお、MacではHomebrewでのインストールが可能になっています。 2.000：2024年5月 イタリック体が追加 プログラミング向けのフォントとは プログラミングにおけるフォント選択は、単なる見た目だけの問題ではなく、それ以上の意味があります。ソースコードが読みやすくな
価格表記のフォント - 中原企画立案事務所
2022.1.18 チラシやパンフレット、カタログに掲載する価格。「値組み」とも呼びますが、この価格表記にどんなフォントを使うか、デザイナーにとってはひとつの考えどころではないでしょうか。 価格をどう見せるかは業種や媒体などによっても変わってくる、意外と奥の深い世界。今回はこの価格表記のみに着目して、フォントを考えてみたいと思います。 最初はDINです。デザインに詳しくない方でも「どこかで見たことがある」と思われるかもしれません。代表的なところで言えば、ユニクロで使われているフォントがDINをベースにしたものですね。 また、ユニクロ以外のチラシでもかなり見かけます。視認性が良くて、シャープなフォルム。情報量の多いチラシでも埋没しにくく、目に留まりやすいあたりが支持されていると思います。 アパレルから家電、大手スーパーまで幅広い業種で使われていて、チラシはもちろん、通販カタログなどでも多用さ
各OSの標準搭載フォント一覧へのリンク集
最近あらためてウェブサイトの本文の文字の読みやすさの大切さを実感していてfont-familyの指定を見直しています。そこで、まずは基本に戻って各OSに標準で搭載されているフォントの一覧を探してみたんですが、けっこう情報を見つけるのに苦労しました。 ということで、今後のためにWondows、Mac、iOSの標準搭載フォント一覧へのリンク集を作ってみました。Androidは一覧が見つけられず、基本情報だけ載せておきました。 おすすめのfont-familyの指定は、ありがたいこんな記事 やあんな記事 やそんな記事 で詳しく説明されてるんですが、自分でも特定のプロジェクトにあったfont-family指定ができるように、各OSの標準搭載フォント一覧にはさくっとアクセスできるようにしておきたいです。 ついでに、各OSのバージョンごとのマーケットシェアへのリンクもはっておきました。 目次 以下はペ
デザインしてて文字をばちっと決めたいときってありませんか メインビジュアルや見出しなどで、「文字（コピー）をばちっと決めたいッ！」ってときありますよね。そのときに普通の書体をそのまま置くと、 どうしてもデフォルト書体そのまま感が出ちゃうときってありませんか？ もちろん出ちゃわないときもあります。でも出ちゃうときもありませんか？ うん、ですよね。 そんなときの解決策の一つ、「作字」 “デフォルト書体そのまま感”をなくす方法はいくつかありますが、その一つとして「作字」があります。デフォルトの書体を少し調整して文字に特徴をつけることですね。 文字を”ちょっとロゴっぽくする”するという言い方が近いでしょうか（わかりにくいか……）。 作字するといい意味で”違和感”がでて、印象的なビジュアルになります。その作字のひとつに「文字を溶かす」という小ワザがあります。 文字を溶かすって？ Afterの文字を拡
この記事では、フォントを指定するためのCSSプロパティ「font-family」の書き方について一から詳しく解説します。font-familyを設定したことが無い方でも、正しくフォントが指定できるように、プロパティの書き方から、OSごとの設定の違い、おすすめのフォント設定例などもご紹介します。 「font-familyはいつもコピペしている…」なんて方も、正しい知識が有るか無いかは大きな違いです。ぜひこの機会に、font-familyの正しい設定方法をマスターしてください。 ※本記事は、各OSの標準インストールフォントや、ブラウザのアップデート状況などを踏まえて、なるべく最新の情報をお届けできるように、内容を随時更新しています。著者の調査した情報に基づいて執筆しているため、内容に間違いや不備のある可能性もあります。（最終調査日：2023年7月） font-familyの役割とは CSSのf
本格的なロゴをオンラインで作成できる「Logaster」で作成された9,500,000個の中から、2020年に人気だったロゴのデザインを調査・分析し、2021年に注目されるロゴデザインのトレンドを紹介します。 Logasterの中の人から依頼があり、今年も日本語化するお手伝いをさせていただきました。ここに掲載されているロゴのデザインは、小さいサイズならすべて無料で作成してダウンロードすることができます。 ※2022/10: Logasterは買収されました。 また、過去のトレンドと比較してみるのも、面白いです。 2018年、ロゴのデザイントレンドのまとめ 2019年、ロゴのデザイントレンドのまとめ 2020年、ロゴのデザイントレンドのまとめ シンプルなロゴ シンプルなデザインのロゴは、2021年になっても減速する気配はありません。このデザインをまだ手放す準備ができていないからこそ、シンプル
大手コンピューター関連企業のIBMが、無料で商用利用も可能なオープンソースの和文フォント「IBM Plex Sans JP」をリリースしました。太字でもつぶれにくく完成度も高いとのことで、実際にどんなフォントになっているのか確かめてみました。 IBM Plex Sans JP · GitHub https://github.com/IBM/plex/releases/tag/v5.2.1 やばいな〜。IBMがこの度公開した和文のゴシック体フォント「IBM Plex Sans JP」、完全にオープンソースなんだけど、独特のスミ取り処理とかでツブレにくく、これまでになかった表情があってオシャレ。 完成度高くておすすめですよ。https://t.co/wOs2vThCWL pic.twitter.com/IQ3Wau6Grz— トランプ (@t0kri) July 24, 2021 「IBM P
リンク IT翻訳者Blog 本当は恐ろしい「〜」記号 : IT翻訳者Blog Yahoo Japanの「新型コロナワクチン情報まとめ」を見ていたら、次の画像があった。 アストラゼネカの行に「有効性 〜76%」とあり（赤枠）、私はここが気になってしまった。 （出典：https://news.yahoo.co.jp/pages/20210122、閲覧：2021-07-02） これを見た人は、普通 712 users
「とりあえずNoto Sans JP」、考え直してみませんか？｜SOMPO Digital Lab デザインチーム
SOMPO Digital Labデザイナーの松葉（ https://twitter.com/tiyou01 ）です。 ウェブサイトやアプリのUIで使う書体、「とりあえずNoto Sans JPで…」と決めてしまった経験はないでしょうか？この記事はそんな「とりあえず」に心当たりのある皆さんに向けて書かれています。 Noto Sans JPという書体Noto Sans JPはAdobeとGoogleの共同開発による書体で、Adobeからは源ノ角ゴシック／Source Han Sans、GoogleからはNoto Sans JPという名称でリリースされました。この記事ではNoto Sans JPの表記で記載します。 2014年にリリースされて以来、Noto Sans JPはUIで利用する日本語書体としてすっかり定着しました。現在はウェブサイトやアプリで見ない日はないと言ってもいいくらいです。
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2021年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。 2021年上半期は、特に数多くの日本語フリーフォントが公開され、おしゃれな英語フリーフォントから高級感のあるセリフ書体、人気定番の筆記体、手書き、ブラシフォント、ビンテージ、ディスプレイなど幅広いカテゴリよりフリーフォント素材85個を厳選しています。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. サンセリフ書体 4. セリフ書体 5. 筆記体 6. 手書き、ブラシフォント 7. レトロ、ヴィンテージフォント 8. ディスプレイ書体 9. これまでの歴代ベストフォント 日本語フリーフォント 無料で商用利用できる日本語フリーフォント、17書体をまとめています。 漢字も利用
この記事は小説同人誌向けの話をしています。 ビジネス文書や商業書籍・商業デザインの話はしていません あまりにもちょこちょこ小説同人誌の本文にMS明朝を使うことの是非/可否の話が上がって来るので、論争に終止符を打つためにこの記事を書きます。 まさかフォント単体記事を書くことになるとは思わなかったぞ。 しかしそれくらいもう何度も見る話題なんです。 そして物凄い勢いで論旨がズレていく内容なんです。 というわけで、MS明朝について、そして小説同人誌の本文にMS明朝を使うことについてお話したいと思います。 結論「MS明朝は使っていい」 小説同人誌の本文にMS明朝を「使っても良いのか悪いのか」、つまり使用可否の話だけ知りたい人はこれで終わりです。 MS明朝は小説同人誌に使っていい。 もうちょっと言います。 使って「いい」とか「ダメ」どころか、「Wordデータ（doc、docx）で入稿する人はMS明朝で
Font Awesomeの代替え版となるか!?オープンソースのアイコンフォント「Line Awesome」 ◆ Line Awesome https://icons8.com/line-awesome 紹介 「Line Awesome」は、名前から分かる通りFont Awesomeをインスパイアしたオープンソースのアイコンフォントです。 1380以上のフリーフォントが無料で使えます。 <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css"> 導入方法はいたってカンタン。CDNへのリンクを<head>に書くだけ。 あとは、Font Awesome同様。全てワンラインで埋め込むことができます。
NHKニュース @nhk_news 2024年度上半期に発行する予定の新しいデザインの1万円札の印刷が1日から始まりました。 新しい紙幣には偽造防止などを目的に最先端の技術が導入されています。 www3.nhk.or.jp/news/html/2021… #nhk_video pic.twitter.com/oqU97xKrgu ライブドアニュース @livedoornews 【偽造防止】新1万円札に“3Dホログラム印刷”、渋沢栄一が浮かび上がる news.livedoor.com/article/detail… 新1万円札の印刷が、国立印刷局の工場でスタート。偽造防止のため、傾けると3Dで渋沢栄一の肖像が浮かび上がる「3Dホログラム」を世界で初めて紙幣に使う。 pic.twitter.com/OtwsmaVJul
ダークモードは人気があるが、必須ではない。ユーザーはダークモードを好むが、ダークモードなしでも行動は変わらない。ダークモードをアプリケーションレベルではなくシステムレベルで考えているからだ。ダークモードをサポートする場合は、ダークモードでよくある問題を避けるために、そのデザインをテストしよう。 Dark Mode: How Users Think About It and Issues to Avoid by Tanner Kohler and Amy Zhang on August 27, 2023 日本語版2024年1月15日公開 ダークモードがかつてないほど流行している。少なくともこのトピックに関する多くのウェブデザインの記事を読む限りでは、ダークモードは必要不可欠とさえ思うかもしれない。しかし、ダークモードを完全にサポートし、「うまく活用する」ためには貴重な時間とリソースを必要とす
GitHub - yuru7/udev-gothic: UDEV Gothic は、ユニバーサルデザインフォントのBIZ UDゴシックと、 開発者向けフォントの JetBrains Mono を合成した、プログラミング向けフォントです。
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
すべての開発者が知るべきGoogle Chromeの隠れた機能5選 - Qiita
意識低い系デザイン本がついに発売！整列ビーム、近接ホールド、デザインの基本がマンガで分かる -デザイナーじゃないのに！
緊急会見に一瞬出たテロップがすごい！フォント界隈がざわつく→業界の人たち「手書きタイトルさんという職種があって…」
「源ノ角ゴシック/Source Han Sans」がバリアブルフォントに ～サイズは1/10以下、可能性は無限大／日本・中国・韓国の65,535グリフをひとまとめ。ウェイトも好みに指定可能
実家に帰ってきたらオカンがめちゃくちゃ独特な字で般若心経を書いてて可愛い「無がすごい」「このフォント欲しいな...」
IBMのオープンソース日本語フォント「IBM Plex Sans JP」の実力をデザイナーが検証してみた
CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール
商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ
Puppeteer で静的サイトの Font Subsetting | blog.jxck.io
商用や同人誌なんかに使いたい可愛いフォントがたくさん！「めっちゃ欲してた」「沼る」などフォント沼の皆さんが湧き立つ
伝わる図解の作り方～レイアウトや配色のポイントを解説～ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おもちゃ箱のようなアプリBaaaaのUI/UXが凄すぎた件｜Yusui Hoshino
トロピカーナのリブランディングの失敗事例から見る消費者視点｜Off Topic - オフトピック
プログラミング向けフォント「0xProto」の紹介 - Qiita
「鬼滅の刃」に登場する渋い書体の正体 手がけたのは84歳老書家、反響にびっくり｜まいどなニュース
作字テクニックのひとつ「文字を溶かす」を徹底解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
【2023年版】font-familyの正しい指定方法・タイプ別おすすめフォント設定例
2021年に注目しておきたい、ロゴデザインのトレンドのまとめ -Logo Design Trends 2021
無料で商用利用可能な和文フォント「IBM Plex Sans JP」をIBMがリリース
本当は恐ろしい「～」記号→日本語と英語では全く意味が違うらしい「翻訳の時に間違えると大変なことに」
「BIZ UD」ベースの開発者向けカスタムフォント「UDEV Gothic」がさっそく登場【4月18日追記】／全角空白の可視化やリガチャにも対応。4月16日には初メジャーバージョンのv1.0.0が公開
【商用可＆無料】2021年上半期ベスト英語・日本語フリーフォント厳選85個まとめ
小説同人誌：MS明朝論争に終止符を | ALBA LUNA
Font Awesomeの代替え版となるか!?オープンソースのアイコンフォント「Line Awesome」
新1万円札が印刷開始も、ユニバーサルデザインを考慮した点が知られていない為「フォントがダサイ」と不評が続出する事態に
ダークモード：ユーザーの考え方と避けるべき課題