Modern Fluid Typography Using CSS Clamp — Smashing Magazine
In this article, Adrian Bece will explore fluid typography principles, use-cases, best practices, implementation with CSS clamp function and how to calculate the right parameters. He’ll also show you how to address some accessibility concerns and watch out for one important issue that you cannot fix as of yet, but have to be aware of regardless. The concept of fluid typography in web development h
Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web. Let’s take a look at what the WebKit version of pretty does — it’s probably a lot more than you expect. Then, we’ll compare it to balance and the other text-wrap values to better understand when to use which one. Ideas of what makes for “good” typography are
GitHub - noirblancrouge/Formera: Formera (aka FuturaRenner) family is a digital version of Futura lead character belonging to the typography department of Ecole Nationale Supérieure des Arts de la Cambre, and probably the first draft of Futura as we know
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
If you’ve ever attempted to create responsive type that seamlessly adapts and scales between pre-determined sizes within a type scale based on viewport or container widths, you may have wrestled with JavaScript or wrangled with CSS calculators. But with the help of calc(), clamp(), and a somewhat wonky use of CSS vars, we can simplify this process and tap into the dynamism that modern CSS affords.
踊り字の「々」や「ゝ」は漢字？記号？意外と知らない踊り字の豆知識 「正々堂々」の「々」や、「こゝろ」の「ゝ」は踊り字と呼ばれます。この踊り字は漢字に該当するのでしょうか？それとも記号に該当するのでしょうか？今回は、意外と知られていない踊り字の豆知識をご紹介します。 「々」や「ゝ」などの文字には正式な読み方はありませんが、「踊り字」「繰り返し符号」「送り字」「重ね字」「畳字(じょうじ)」「反復記号」などと呼ばれています。 繰り返し符号と呼ばれることからも分かるように、記号の一種です。「踊り字」「繰り返し符号」などの項目で、「々」や「ゝ」を取り上げている辞書もありますが、固有の音・意味を持たないので、漢字ではありません。 一字を繰り返すときに使う「同の字点」「一の字点」「二の字点」 「々」は、「同の字点」もしくは、「ノ」と「マ」が重なって見えることから「ノマ点」と呼ばれます。「段々（段段）」「
“Our way. Or the highway.”
By Dr Ken Lunde “Fine.” There are certainly lots of good quotes from The Matrix (1999), and the one above is particularly relevant to the subject matter of this article. The IntrigueFirst things first. I first became intrigued—or perhaps more accurately, obsessed—by highway signage in Japan during a business trip there a few years ago. This was during my Adobe years. Anyway, this all started while
ブックデザイナー 佐藤亜沙美さん特別インタビュー！ 〜マトリクスで解析？！2022年新書体の「活かし方・組み合わせ方・使い方」〜｜モリサワ note編集部
ブックデザイナー 佐藤亜沙美さん特別インタビュー！ 〜マトリクスで解析？！2022年新書体の「活かし方・組み合わせ方・使い方」〜 この秋モリサワでは、和文・欧文合わせて100ファミリー近い書体をリリース予定です。こんなにたくさんあると、どうやって使いこなしたらいいか悩む方も多いかもしれません。そこで今回はリリース直前の特別企画として、ブックデザイナーの佐藤亜沙美さんの視点で新書体の印象や使い方について語っていただきました！2021年10月に発行した先行公開リーフレットの制作を担当されたのも実は……。最後までお見逃しなく！ ■お話を聞いた人 佐藤 亜沙美さとうあさみさん ブックデザイナー。1982年生まれ。2006年から2014年までブックデザイナー祖父江慎さんの事務所・コズフィッシュに在籍。2014年に独立し、サトウサンカイを設立。『Quick Japan』のアートディレクターを経て、20
明朝体 “らしさ” と楷書を再解釈したら、新しいデザインが生まれた話〜「霞青藍」「霞白藤」制作秘話〜｜モリサワ note編集部
ぱっと何の書体か見分けるのが難しい「明朝体」。しかし一度魅力を知れば、そこは底無しのフォント沼……！今回は、2022年10月にリリースした明朝体 「霞青藍かすみせいらん」「霞白藤かすみしらふじ」のデザインが生まれるまで、を掘り下げます。 デザインの特徴「霞青藍」「霞白藤」の属する “明朝体” は和文書体のデザインカテゴリの1つで、“うろこ” と呼ばれるアクセントや縦画が太く横画が細いというコントラストが特徴のデザインです。 現在の明朝体は、明治の初めに日本にもたらされた金属活字を基礎に改良が続けられてきたもので、様々な表情を持った明朝体が製品化されています。 共通の漢字の骨格左：霞青藍 右：霞白藤「霞青藍」「霞白藤」の漢字は同じ骨格・字形を共有し、横線やハライの伸びやかさを強調したふところの締まった骨格で “オールドスタイル” に分類される書体です。 あわせて、楷書(※)由来の特徴を多く採
DIN／Trade Gothic 前回までのあらすじ 自社イベント用に制作したポスターで使用された書体の話で盛り上がる3人。2019年最後の回は、無事に収まるのだろうか……。 伊藤「山田さんはDIN系、渡邊さんはTrade Gothicを使って仕上げたということですが、書体はポスターのデザインにどういった感じでかかわってきますか？」 渡邊「両者、『クセ』の少ないゴシック体、というところが共通していますね」 山田「今回のポスターでは、『縦のライン』をきれいに出すというところがポイントだったんだよね」 渡邊「かといって、横のラインががちゃがちゃしているとカッコ悪いので、文字数を揃えることで調整しています」 伊藤「なるほど！ 二人が使った書体は、『ラインをきれいに出しやすいものだった』ということですか？」 山田「うん、そうなんだけど、なんでだかわかる？」 伊藤「うーん……それはわかりません（笑）
Kowloon Type
空 kōng 空 means empty, sky, void, hollow, and vacant, symbolizing emptiness in ancient Chinese pictographs. In Cantonese, it’s used in 空氣 (hūng hei, air). In Buddhism, 空 refers to 空性 (hūng sing), which suggests a phenomena that lack inherent existence. Thus, 空 conveys various meanings, from the sky to abstract concepts like emptiness. 明 míng 明 means bright, clear, light, and understanding, in words
Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
Intrinsic Typography Is The Future Of Styling Text On The Web | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The way we style text hasn’t changed much over the years. There have been numerous advancements to help make things more flexible, like layouts, but in terms of styling, most finite aspects of our designs, like text, remain relatively unchanged. This is especially true of text styling. We wr
たばこ本体に警告文を掲載へ、カナダ - BBCニュース
カナダの保健当局はこのほど、たばこ製品に直接、健康被害への警告文を表示すると発表した。こうした施策は世界初。
現在では使われていないモールス信号から消えてしまった古代文字の数々、果ては小説の中の暗号、音符、日本語の約物まで、形のおもしろさに魅かれて集めた、121 項目の古今東西の文字・符号・記号・暗号のカタログ集。デザイナーの松田行正が記号に込められた意味を読み解いた解説と図版で構成されています。 カバーには小さい穴が9 個空けられ、カバー自体が型紙暗号（90°回転して解読していく）になっています。1 冊丸ごとカバー、表紙、見返し、本文小口まで同じ色で構成し、本の物質感を高めました。カバー裏には表現の歴史のダイア グラムを掲載。 2003 年に刊行され6 刷となったロングセラーを全面改訂し、ページ数を倍増した増補新装版です。 ［仕様］ 四六判変型（縦187×横110mm）、上製本、480頁（モノクロ・図版多数） 著者・造本：松田行正 発行：牛若丸 発売：Book&Design（2024年12月3日
記事：晶文社 平野甲賀著『きょうかたるきのうのこと』（晶文社刊） 書籍情報はこちら ブック・デザインという仕事 ブック・デザイン、この呼称はわりと近年になってから使われ、一般的に通用するようになってきた。いまでも装丁家と自称するひともいるし、ブックデザイナーとカタカナ表記にこだわるひともいる。まぁ、どうでもいい話で、横文字つまりカタカナのほうが上等だと思うひとは、そうすればいいのであって文句をつけるつもりはない、しかし、耳なれないブックマルシェなどと言われると、ついソワソワしてしまう。 装丁と言うときにも、装幀という文字を使うひともいる。幀という字は表具屋さんが絵なんぞを台紙に糊ばりするときに使う文字らしい。丁は、丁半の丁つまり偶数、紙を折れば偶数、それを束ねて、装わせることを生業とする装丁師。南伸坊さんに『装丁』（フレーベル館）という本があり、かれは「丁」を車夫馬丁の丁の字の意であると言
書籍『欧文書体のつくり方 美しいカーブと心地よい字並びのために』 | Book&Design powered by BASE
欧文書体デザインの第一人者、小林章氏が、欧文書体をデザインする際に覚えておきたいポイントについて解説した本。 大文字、小文字、数字のほか、サンセリフ体やスクリプト体など異なるスタイル、美しく読みやすい書体にするための錯視の補正やカーブの調整について、欧文フォントやロゴタイプをつくるときに必要な知識が詰まった決定版です。 美しい文字をつくるときに必要な考え方を大きな図版とわかりやすい文章で説明しています。プロの書体デザイナーのテクニックが学べる本書は、「自分でフォントやロゴタイプをつくりたい」「欧文書体について学びたい」と思っている方々に、ぜひ読んでいただきたい一冊です。 ［目次］ 巻頭解説：錯視を知る 1. 欧文書体のつくり方［大文字、小文字、イタリック、数字、記号、スペーシング］ 2. 欧文書体のスタイル［サンセリフ、セリフ、スクリプト］ 3. 書体デザインの裏ワザ［視覚調整、カーブ、イ
2023年10月からA1明朝が3ウエイト展開になりました!!! （末尾に追加情報あり） 「何を打っても（＝どんな文字を入力しても）いい感じになる」万能感あふれる〈A1明朝〉ですが、残念なのがウェイト展開がないこと。 「A1明朝がウェイト展開されたら…」という声を聞かない日はありません。 線に同じカラーに設定することで少しばかりの“太らせ”は可能ですが、画数の多い文字ではつぶれてしまい、厳しいです。 〈A1明朝〉にウェイトがなければ〈筑紫Aオールド明朝〉を使えばいいじゃない？ フォントワークスLETSをお使いであれば、〈筑紫Aオールド明朝〉を使うという選択肢があります。まったく同じではありませんが、ニュアンスとしては代替できるかと。 比べてみると、〈A1明朝〉は〈筑紫Aオールド明朝〉の「DよりのM」くらいのウェイトです。 “墨だまり”の差〈A1明朝〉を〈A1明朝〉たらしめている要素のひとつが
「order」のリンクより(株)誠文堂新光社サイトのオンラインショッピングをご利用いただけます。送料やお支払いについての詳しい情報は、同サイトの案内に従ってください。 【アイデア電子版発売開始】 最新号の電子版リリースがスタートしました！ ▶︎「誠文堂の直売所」で電子版を購入する ＊電子版についての詳細はこちらをご覧ください。 【特集】 世界の「声」をつくる 書体デザイナー大曲都市の仕事 企画・構成：アイデア編集部 編集協力：長田年伸，藤井亮一，柴田光 デザイン：LABORATORIES（加藤賢策，守谷めぐみ） 翻訳：フレーズクレーズ，ブラザトン・ダンカン 大曲都市（おおまがり•とし）は，1984年福岡県春日市生まれの書体デザイナー。Tabular Type Foundry、Omega Type Foundry主宰。ゲームと映画，そしてラーメンを愛し，近頃は書体づくりとコーヒー豆の焙煎に情
東京都庭園美術館で開催中の 「20世紀のポスター［図像と文字の風景］―ビジュアルコミュニケーションは可能か？」展に行って来ました。 https://www.teien-art-museum.ne.jp/ ロートレックやミュシャのポスターが展覧会の中に何点か展示されていても、ポスターだけを紹介する展覧会ってありそうで滅多に観られないものです。 そもそも、ある一定期間だけ指定された場所に掲出されるポスターを車窓から目にすることはあっても、体系立てて「鑑賞」する経験はほとんどありません。 ヨゼフ・ミューラー゠ブロックマン 20世紀を代表するスイスのグラフィックデザイナーである、ヨゼフ・ミューラー゠ブロックマンが手掛けたトーンハレ協会音楽会（春のコンサート）の告知ポスターです。 デザインを学ばれている方にとっては神のような存在であるブロックマンのポスター。第1回から第4回までの春のコンサートポスタ
ヤン・チヒョルトヤン・チヒョルト（Jan Tschichold） source: adcgloba.orgヤン・チヒョルト（Jan Tschichold）（1902 – 1974）は、ドイツのタイポグラファー、カリグラファー、書籍デザイナーです。看板屋の長男としてライプツィヒに生まれました。 新しいタイポグラフィの創生に努めますが、ナチスにタイポグラフィーを反ドイツ的なものとして見られ、自宅に妻とともに軟禁され、それをきっかけにしてスイスへ移住します。これをきっかけにして喧伝してきた厳格なタイポグラフィーのルールを「狭量な考え方は、まさにナチスのドイツ至上主義に通じる」として、柔和な姿勢に転換していきます。反伝統的な立場から伝統的なタイポグラフィを擁護する立場に変わります。もとの姓名は Johannes Tzschichhold 。Iwan Tschichold と名のっていたこともありま
第八期文字塾展 オンライン「ちりもつもればかなとなる」
書体設計士 鳥海 修主催の文字塾。第八期も、書体をつくりたい！と集まった塾生が、1年をかけてひとつの書体に向き合いました。
Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols — Smashing Magazine
For hundreds of years, we have been using white space in typography. Today, in 2020, how do we add spacing to punctuation marks and other symbols, and how do we adjust the space on the left and right side in an easy and consistent way? It is actually not as easy and quick as it should be. This article is for anyone who works with typography, in any medium, and it is especially for those designers
clamp()関数を使った基本フォント・サイズの決定
calc()やclamp()関数など、CSSの計算式では、100vwなどから%をうまく作れない。そのため、%の基本フォント・サイズを描画領域に応じて決定することは難しいと考えていた。しかし、%を作れなくても、100%にピクセルを加える形でもいいことがわかった。そこで、最小で100%、最大で125%、その間は描画領域のサイズに応じてなめらかに上昇するという形の実装を、clamp()関数を使って行った。 このウェブサイトでは既に導入されているので、上記変化を確認することができる。ユーザーがどのようなフォント・サイズ設定をしていても、なめらかに変化し、うまく動いているようだ。また、ズームしても問題なく動き、フォント・サイズの変更とズームを組み合わせてもちゃんと動く。「なんでもmin()、max()、clamp()関数でやってみよう！」というのは、今だけは正しい姿勢かもしれない。 実装 html
整備の注意を促す看板の文字の中には「職員の手書き」で書かれているものもあります。デザイナーではなく、職員自ら、その都度書いてきました。どの文字も古く、最初に書かれたのがいつだったのか、誰が書いたのかもわかりません。少なくとも最初に書いた人はもうここにはいません。 文字をよくみると、それぞれの書体に特徴があります。より注意を引くため、明朝体の「うろこ」と呼ばれる飾り部分をうねったように強調することで注意を喚起していたり（写真１）、うろこと縦画・横画（タテ線・ヨコ線）との強弱を激しくつけたり（写真２）と場所にあわせて変化しています。 整備場の文字の多くは職員の手書きです（写真３）。どの文字も個性的で、文字デザインによって注意喚起を行いたいという書いた人の狙いが出ています。その狙いは、新たな看板を書く職員によって受け継がれています。時間が経ち薄くボケてしまった輪郭線を別の職員が引き直し、その上に
Vaundy × 川村 真司 × 牧野 惇 × Morisawa スペシャル対談 『音楽・映像・文字が奏でる相乗効果。リリックビデオを超えた、文字が主役の新しいミュージックビデオ』
Vaundy × Masashi Kawamura × Atsushi Makino × Morisawa Special Interview Vaundy × 川村 真司 × 牧野 惇 × Morisawa スペシャル対談 音楽・映像・文字が奏でる相乗効果 リリックビデオを超えた、 文字が主役の新しいミュージックビデオ モリサワは、フォントが音楽や映像と呼応し合うミュージックビデオ（以下、MV）を制作しました。追い求めたのは、リリースしたクラウド型フォントサービス“Morisawa Fonts”で利用できるフォント表現の新たな可能性。MVは彗星のごとくミュージックシーンに現れたマルチアーティストVaundy、「世界のクリエイター50人」にも選出されたクリエイティブディレクター の川村真司氏、クラフト的な表現で圧倒的な存在感を放つ映像ディレクター牧野惇氏のコラボレーションです。時代をリード
This treasure chest of 600+ specimen cards holds a complete snapshot of the last metal type foundries in Germany. Produced between 1958 and 1971, the Schriftenkartei (Typeface Index) represents a West German agency’s effort to catalog all the country’s typefaces in production at the time. The cards are useful for type researchers and designers as they share a common format and show complete charac
![Schriftenkartei [Typeface Index], 1958–1971](https://cdn-ak-scissors.b.st-hatena.com/image/square/d2ba409e64aca7b9485f1b82437a5032dc4ed1c0/height=288;version=1;width=512/https%3A%2F%2Flive.staticflickr.com%2F65535%2F53151385882_f19e7246d8_b.jpg)
第2回ではさっそく、欧文組版をするにあたって重要となる基本ルールをお伝えします（欧文組版で用いるラテン文字や文字セットについては、「第1回 欧文の基本」で説明しています）。 1. 文字／単語のとらえ方の違い 日本語の和文組版に慣れている方が、欧文組版に取組むときに、念頭に置かなければならないことは、組版のしくみの違いです。 和文組版では、基本的に図1のような四角い仮想ボディを持つ文字を、前に送っていきながら配置していく考え方をしています。 文字単位で揃えていく組版ですので、行末を揃えやすく、多くの場合「箱組み*」が採用されます。和文組版は、「文字」単位で組版を考える仕組みを持っているといえます。 *箱組み 左右版面に均等に流し込み、最終行のみ左揃えになる組み方のこと。 ジャスティファイとも言う。 しかし欧文組版の場合は、和文のように1文字単位で考えることはありません。和文の1文字単位にあた
時代を彩った「構成的ポスター」を展示 「20世紀のポスター［図像と文字の風景］」展が開催 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
▲ アートディレクション：澤田泰廣／デザイン：長澤昌彦 東京・白金台の東京都庭園美術館では、展覧会「20世紀のポスター［図像と文字の風景］ビジュアルコミュニケーションは可能か？」が2021年1月30日（土）から4月11日（日）まで開催される。 同展は、竹尾の寄託によって多摩美術大学アートアーカイヴセンターが収蔵し、両者の相互協力のもとに共同研究を進める「竹尾ポスターコレクション」を利用した、大規模なポスター展である。 ▲ オイゲン・エーマン《ドイツ・グラフィック展／チューリッヒ・ウォルフスバーク美術サロン》1921年 ▲ テオ・バルマー《写真100年展／バーゼル工芸美術館》1928年 1910〜20年代のヨーロッパで生じ、芸術・デザインに革命をもたらした「構成主義」は、特にビジュアルデザインの領域において、図像と文字を幾何学的・抽象的な融和のもとに構成しようとする表現様式。 ▲ エル・リシ
Mastering Typography In Logo Design — Smashing Magazine
Finding the right typeface for a logo is a challenge and can be a very time-consuming process that requires both creativity and a practical approach. Levi Honing provides the essential background and tools to enhance your typography journey and apply this knowledge to your logo design. Let’s dive deep to learn how to create a logo that is not only expressive but also purposeful and well-thought-ou
A shuffling type animation with various effects for a geeky terminal look. The other day, I stumbled upon a captivating type animation created by Andreas Gysin. I was immediately inspired and decided to experiment with similar effects. You can witness the brilliance of Andreas’ animation on his project site LCD 1 and also on his website. This totally geeky effect looks like some terminal applicati
フォント使い、文字組み、文字レイアウトに自信がつく！ ▼1日10分30日でうまくなる！ 活版印刷にルーツがあるタイポグラフィには、知っておくべき技術やルールが存在します。そのため取っつきにくいイメージもありますが、基本から学べば誰にでも身につくもの。本書では初心者でも1日10分ずつ学び、30日で一通り理解できるよう、丁寧に説明していきます。さらに知識を定着させるため、各項目ごとに、問題形式の「おさらいチェック」ページ付き。 ▼美しく質の高いデザインが可能に 美しく質の高いデザインを実現するためには、タイポグラフィの正しい技術やルールを身につけることが近道です。フォントの扱いや配置に自信がつけば、イラストなどのビジュアル素材がない場合でも、個性ある美しいデザインを実現できるようになります。 ▼「フォント」を見極められるようになる フォントの良し悪しを判断するコツが学べます。本書では「フォント
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. I was doing my Advent of UI Components, and I stumbled upon the from-font value for the text-decoration-thickness CSS property. I was curious about it, so I did a little research and I think what I found (and learned) is both interesting and worth sharing. About the from-font value Here’s how MDN d
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that comes from literally putting pieces of lead b
Wolph Type
Masaki Ando Typeface Designer: with Graphic, Typography and Web Experiences. 安藤 真生 1998. 01 Born in Gifu, Japan 2018. 03 Graduated from Department of Design, Salesian Polytechnic 2018. 09 – 2020. 03 The MG School of Latin Calligraphy 2018. 10 – 2020. 03 Part-time at teamLab Inc. as a Designer 2019. 04 – 2020. 03 Part-time at Nippon Design Center On-screen Creative Division as an Assistant Designer
インターネット時代のグラフィックデザインから見る日本固有の文化とは。「もじ イメージ Graphic 展」が21_21 DESIGN SIGHTで開催
インターネット時代のグラフィックデザインから見る日本固有の文化とは。「もじ イメージ Graphic 展」が21_21 DESIGN SIGHTで開催21_21 DESIGN SIGHTで企画展「もじ イメージ Graphic 展」がスタート。近代のグラフィックデザインを振り返るとともに、主にDTP（Desktop Publishing）が主流となった1990年代以降のデザインを紐解いていくものとなっている。会期は2024年3月10日まで。 文・撮影＝三澤麦（ウェブ版「美術手帖」編集部） 東京・六本木の21_21 DESIGN SIGHTで企画展「もじ イメージ Graphic 展」がスタート。近代のグラフィックデザインを振り返るとともに、主にDTP（Desktop Publishing）が主流となった1990年代以降のデザインを紐解いていくものとなっている。展覧会ディレクターは、室賀清徳
複数行の文章を中央揃えにするのは避けたい表現です。 ウェブのメディアやスマホアプリでグロテスクな中央揃えがまかり通っているため“マヒ”している人が増えるのかもしれません。 なぜ、中央揃えは悪手なのか？連続した文章を中央揃えにするのは、行末から次の行頭に目線が移動するとき、行頭を見つけるのにストレスがかかるため、悪手です。 ウェブのコンテンツでは、最後の行のポツンと数文字が残ってしまうことも見かけます。最近のCSSではケアできますが、多くのコンテンツでは放置されています。 独立した語句（フレーズ）のときには箇条書きにする特に、行ごとに独立した語句（フレーズ）にもかかわらず、「中央揃え」にするのはできれば避けたい表現。素直に「箇条書き」として扱いましょう。 「連続する文章」なのか「独立した語句（フレーズ）」なのか、文字を読まなくてもわかるようにレイアウトすれば、読み手の負担が減ります。 シルエ
css-text-4-memo-ja.md CSS Text Level 4 を読む（抄訳） CSS Text Module Level 4 W3C Working Draft, 19 February 2024 This version: https://www.w3.org/TR/2024/WD-css-text-4-20240219/ Latest published version: https://www.w3.org/TR/css-text-4/ Editor's Draft: https://drafts.csswg.org/css-text-4/ この文書はCSS Text Level 4を読むための参考として部分的に訳した抄訳です。 この仕様書全体の日本語訳は https://triple-underscore.github.io/css-text-ja.html に公開
私は、 活版―電算写植―DTPと、 長く組版の仕事をしてきた。 単位も、 倍、 号、 ミリ （mm）、 ポイント （pt.）、 ミル （mil）、 U、 級 （Q）、 歯 （H） など……、 やっと覚えたら次の業態へ移るという按排で、 働く仲間もやめていった。 悔しかった。 どんなに技術が変わろうとも、 人は道具に使われるのではなく道具を使いこなす側だ。 「組版」 の根元を勉強しようと決心して雑誌 『WindowsDTP PRESS』 vol.8 （技術評論社、2000年8月） に 「組版の哲学を考える」 を書いてから20年経つ。 この連載でも、 機械の操作法や 「これが正解」 という教義を示すのではなく、 実際の現場仕事で学んだことを、 具体例とともに書いていきたい。 第1回は、 行頭に来る小書きの仮名 （ぁ、 ぃ、 ぅ、 ぇ、 ぉ、 ゃ、 ゅ、 ょ、 っ） や音引き （ー） について考
Magazin Layout
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Better typography with text-wrap pretty
Responsive type scales with composable CSS utilities
踊り字の「々」や「ゝ」は漢字？記号？意外と知らない踊り字の豆知識｜マナトピ
vol. 2.2 DIN／トレードゴシック —グリッド・デザイン—｜フォントポスト
CSS text-box-trim | Blog | Chrome for Developers
Book&Design powered by BASE
追悼：ブックデザイナー・平野甲賀さんが考えていたこと｜じんぶん堂
AKEMA on X: "これ、越後川口のサービスエリアに月替りで掲示されてるものなんだけど、ヤバいですよね、、 行くたびに記録するようにしてるけど、保存しておいて展示会してほしい、、 https://t.co/VV7cmFU9Zw"
「A1明朝がウェイト展開されますように…」という願い（への現実的な処方箋）｜DTP Transit 別館
アイデア No.403 | アイデア - 世界のデザイン誌
「20世紀のポスター［図像と文字の風景］」 | 青い日記帳
知っておきたいデザイナー№7: タイポグラフィーの巨匠、ヤン・チヒョルト｜しじみ ｜デザインを語るひと
受け継がれる美意識 | 都営文字の世界 | PROJECT TOEI | 東京都交通局
Schriftenkartei [Typeface Index], 1958–1971
多⾔語の組版ルール【欧⽂編】第2回 欧文組版の考え方｜モリサワ note編集部
Shuffling Typography Animation | Codrops
怖くないタイポグラフィ 1日10分30日！フォント・文字組み・文字レイアウト | 翔泳社
The CSS from-font Value Explained in 4 Demos | CSS-Tricks
How to Tame Line Height in CSS | CSS-Tricks
テキストを読まなくても連続した文章なのか独立した項目なのかを理解できるようにする「シルエット思考」｜鷹野 雅弘
CSS Text Level 4 を読む（抄訳）
千遍一律なルールという思い込みの罠 ~連載「組版夜話」第１話～
www.linkedin.com
anond.hatelabo.jp
misato4.nm.bex.jp
anond.hatelabo.jp
www.cmoa.jp
aucfan.com