CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/
![より良いタイポグラフィのための知られざるCSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf6705346c74f135d958195e4e276fc27eb5060b/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fddaee4fdb1574a8896229fa41a5d0914%2Fslide_0.jpg%3F16577061)
CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/
ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。 そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列(隣接する項が共通の差を持つ数列)の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ... // 調和数列 実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz
こんにちは!トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました! 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル+タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー
当サイトでもたびたび取り上げている円城塔氏の『文字渦』。ここでは文字について書かれた小説でありながら、実際の文字を作字したり、組版についての実験的なことなど、文字や文章、書籍についての形態にとっても、あたらしい試みとなりました。 今回、作字や組版・製版、といった作業でどのようなことが行なわれたのか、作者の円城塔氏へのインタビューに続き、今回は制作にあたった株式会社DNPメディア・アートの御三方に、新潮社の御二方も同席の上、お話を伺ってきました。 株式会社DNPメディア・アート 社内認定マイスター(秀英体フォント管理・作成) 高橋耕一さん プリプレス制作第1本部 書籍組版センター 吉川正巳さん/長嶋英樹さん 株式会社 新潮社 「新潮」編集部 清水優介さん/出版部文芸第一編集部 加藤木 礼さん 聞き手:塚田哲也(大日本タイポ組合)
化粧品メーカーの資生堂が、同社が100年近く伝承している独自の書体「資生堂書体」を動画で紹介していました。同社の美意識が込められた書体であり、長年、同社のデザイナーが手書きで伝承しているらしいです。 資生堂書体は、1916年の意匠部(現在の宣伝・デザイン部)設立とともに「資生堂の美学と精神性を表現する」書体として誕生し、資生堂のポスターやパッケージを長らく彩ってきました。現在でも、同社に入社した新人デザイナーは1年かけてこの書体を体得するんだとか。 手書きの所作からして美しい……! 動画では書体の紹介とともに、鉛筆や墨を使って手書きで書体を仕上げていく様子を撮影。女性のしなやかさを思い起こさせる伸びやかな曲線と、キリッとした雰囲気の直線やエッジが相まって、エレガントな文字が浮かび上がってきます。 動画を見ていると「こんな書体が自分も書けたらいいのにな!」とか思ってしまうのですが、やっぱりそ
最近リリースされた高品質なフリーのデザインフォントを紹介します。 HERO 個人・商用利用無料。 ROKE1984 個人・商用利用無料。 Spatha Serif 個人・商用利用無料。 [ad#ad-
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY(びょうかんサンデー) 無料で使えるフォントは多々ありますが、日本語フォントはなかなかないものです。また日本語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Osaka ■WindowsでOsakaフォントを使おう! ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日本語フォント ◆IPAフォント ■IPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO
> [日本語] > [english] - Soon フォントについて フォントのダウンロード・インストール・実際の使用によって生じたいかなる結果、損害に関してZETUEI FONTSは一切の責任を負いません。 ZETUEI FONTS より その書体で組まれた文章は、全然美しくないかもしれない。その書体で組まれた文章は、全然読めないかもしれない。 デジタル入力機器が新たな筆記具としての存在感を増す昨今、デバイスに依存した機械的に選択された書体で、今まで手書きであった部分を置換ることはできない。現代を生きる私たちには手書きに代わる自分の書体、現代書字に必要な自分自身の文字を手にいれるべきである。 ZETUEI FONTS | works 1997-2007 [NEW] 過去の制作物のアーカイブ > zetuei fonts [works 1997-2007]
Nameplate set in Valnera and Pritzious by CAST Foundry. Your typeface could be next. Learn more.
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く