▼第3回（通算第20回） 前回は、美しい紙面を作るための代表的な8つの文字組み推奨事項を、詳細にお話ししました。かなり長い説明になってしまいましたが、いかがでしたか？ 今回は、以下のタイトルの通り、一筋縄でいかない和文組版について、さまざまな角度から検証していきます。 6.4 一筋縄でいかない和文組版和文の文章組みには［エリア内文字入力］で［均等配置（最終行左揃え）］にすることが大前提であることは、前項までで何度もふれてきました。そして、この［エリア内］で文章を編集するには、［禁則処理］と［文字組み］方法を知らなくてはなりません。 Adobe Illustrator では、［段落］の中に［禁則処理］と［文字組み］の項目があります。 ウィンドウ＞書式＞段落 （figure6-10） 6.4.1 ●行頭や行末のルールなどを定めた［禁則処理］［禁則処理］は、本来、前項の “6.3 美しい紙面を作

Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必要があります。 WebフォントはさまざまなフォントをWebページに使用できるというメリットがありますが、パフォーマンス面でシステムフォントに劣るので使用を控えている人もいるかもしれません。Webフォントのフォントファイルを調整し、読み込みを最適化し、最大速度と最小のFOUTを実現するテクニックを紹介します。 5 steps to faster web fonts by Iain Bean 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Webフォントには最新のファイルフォーマットを使用する 2. font-displ

モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 〜WordPressで簡単に利用でき、SEOやユニバーサルデザインへの配慮を支援〜 デジタルフォントや組版用ソフトウェアの開発を行う株式会社モリサワ（本社：大阪市浪速区、代表取締役社長：森澤 彰彦）と、自社運営のデータセンターでインターネットインフラサービスを提供するさくらインターネット株式会社（本社：大阪市中央区、代表取締役社長：田中 邦裕）が協業し、「さくらのレンタルサーバ」利用者に向け、モリサワのWebフォント提供を開始いたします。また、Web制作者を対象としたイベントを7月27日（水）に開催いたします。 モリサワとさくらインターネットのコラボレーションにより、「さくらのレンタルサーバ」にてWordPressをご利用いただく際、モリサワのWebフォントサービス「TypeSquare」で提供中の書体の中から、30

トナン・大熊肇の（ほぼ文字についての）覚え書きです。 充分に検証していないこともありますので、眉につばをつけてご覧ください。 連絡先：hajimeアットマークtonan.jp（「アットマーク」を「@」に変えてください） 『文字の骨組み』2刷の間違いとご指摘 『文字の骨組み』初刷の間違いとご指摘 『文字の組み方』訂正箇所 手動でベタ組みの調整をしてみます。 金属活字の組版で、どのように調整していたかを追体験してみようという試みです。 なぜこんなことをするのかというと、アプリケーションの設定に役立つと考えたからです。 おかしなところがあったらご教示ください。 ではやってみましょう。 文字サイズは24級です。 24級で本文を組むことはまずないとおもいますが、小さいとわかりにくいので大きくしました。 それと24は8で割り切れるので都合がよいのです。 金属活字の組版の追体験といいながら、写真植字の単

iOS 9 が一般公開されました。気づきにくいところですが、実はこの iOS 9 から、システムフォントが Helvetica Neue から、Apple が新たに開発した San Francisco フォントに変更されています。 San Francisco は Apple Watch のシステムフォントとして既に採用されていましたが、Apple Watch にとどまらず、iOS 9 や次期 Mac OS X “El Capitan” のシステムフォントとしても使われるようになります。 Apple WatchApple は、初代 iPhone からずっと、iOS のシステムフォントとしては Helvetica を採用してきました。また、Mac OS X でも 10.10 Yosemite からは、それまで使用していた Lucida Grande から Helvetica へと変更しています

東京駅は百周年だそうですが、昨年百周年を迎えた姉妹駅のニューヨーク・グランドセントラル駅の記念ロゴ（こちら）がかっこいい。 デザインはペンタグラムのマイケル・ビェルートのチームだそうです。マイケル・ビェルートさんといえば、あの映画『ヘルベチカ』でインタビューに答えていた人だ。コカコーラの広告のキャッチフレーズに使われたヘルベチカの例で、書体の持つチカラを見事に解説していた。 たぶんロゴもそうだけど、招待状に使われているのは Avenir Next （アベニール・ネクスト）です。 百周年記念ロゴは大文字でゆったりと組んである。その「100 YEARS」部分に近づけるように Avenir Next を使って色もそれっぽく組んでみました。ぴったり同じかどうかはともかく。 その「００」の部分に注目です。 これは数字ゼロでなく、大文字オーです。でも、ぱっと見せられて、十人中十人が「百」のことだと思う

私もあまり自信がもてなかったので、いろいろ調べてみました。結論はかなり複雑です。 質問者のおっしゃるように、ピリオドの位置を場合によって変えるのを「使い分け方式」、ＮＨＫのテキストのように、ピリオドをつねにquotation mark の内に入れるのを「一律方式」と呼ぶことにします。 一つの回答は、 「「使い分け方式」はイギリスで行われる方式、「一律方式」はアメリカの方式で、どちらも正しい」というものです。 これについては、参考URLの説明をご覧下さい。 しかし、実際に出版されている本を調べてみると、この回答が正しいとは必ずしもいえないようです。 たしかに Oxford 大学出版局を初めとして、Blackwell、Duckworth など、いくつかのイギリスの出版社の本では おおむね「使い分け方式」を採用しています。 しかし、これらの出版社の本は、同時に、quotation mark とし

前回までの記事で、日本語組版のおおまかな歴史と、それを支える書体（主として明朝体）について、おおよその説明が済みました。次はオルタナティブとしての新しい日本語組版について考えていこうと思うのですが、その前に、あらためて日本語組版におけるベタ組みについておさらいしてみようと思います。 あらためてベタ組みとは まず「ベタ組み」そのものについて。ベタ組みとは、隣り合う活字のボディ間に隙間がないことです。文字ではなく、あくまで文字の器である正方形のボディの間に隙間がない、です。文字同士の間に隙間がないと、文字は互いに接触し干渉し、意味理解を妨げることになってしまいますよね。 このボディが正方形であることで、日本語は縦にも横にも組むことが可能になっています。また正方形のなかに収めるために、本来矩形とは無関係に記されてきた仮名文字が、そのデザインを正方形に最適化されてきたことは、前回の記事でも述べた通

ドイツのタイポグラフィ関係の出版物でかなりの位置を占めている出版社 Hermann Schmidt Mainz の最近のカタログ。 これは開いたところ。 日本でだけ言われている都市伝説「Didot はフランスの書体、 Bodoni はイタリアの書体であって、使う国を間違えると大変なことになる」を軽くふっとばすように、Didot と Bodoni を混ぜて使ってます。 目的は、見出し数行の全体の濃度やヘアライン（細い線）の太さを揃えることにあったんだと思います。 見出しの文章で使う Bodoni Bold Italic を拡大してイニシャルに使うと、確実にヘアラインが太くなってもっさりした感じになる。だから、元々ヘアラインが極端に細くて大きく使ってもシャープさを保てる Linotype Didot Headline Roman を使ったんじゃないか。 日本の都市伝説は、書体選びは出自が大事、

Drop&Typeで試作フォントを生成するのに必要な時間は、約30秒。手描きした文字をスキャンしてアウトラインをとり、専用のドロップシートに収めてドロップするだけの簡単なステップで、オリジナルデザインの試作フォントを生成することができます。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

普段使っているフォントにはフォント名のほかに、MT、Std、OsF、CEなど見慣れない省略文字が付いていることがあります。その正体とは一体何なのでしょうか？個人的に気になったものを中心に詳しく調べてみました。 多くの場合はフォントブランド名や太さ・スタイルを示す 有名・定番フォントはライセンスの関係上、様々なフォントブランドが同じ名前の書体のフォントをリリースしているため、区別するために省略文字が付けられていることがあります。頭についたり後ろについたりします。 割とよく見かけるブランドだと、FF=FontFont、BT=Bitstream、MT=Monotype、ITC=International Typeface Coprporationでしょうか。皆さんのパソコンにインストールされているフォントにも多く見つかるはずです。最近はあまり見かけなくなりましたが、LT=Linotype、A=A

A game to learn how to kern type

約1年間におよぶ研究会の記録が読めます。 「オンスクリーン」とは「ディスプレイ上」のこと。 ページは下にスライドして読みすすめていきます。 右上のボタンからサムネイル一覧を表示すると1ページごとの長さが分かりやすいですね。 目次一覧です。 もちろんメニューから各ページにジャンプできます。 第1回はウェブ環境のタイポグラフィについて。 ウェブページの制作を行っている「アライアンス・ポート」の山辺さんと小川さんが、オンスクリーンで美しいタイポグラフィを実現するためのサイト設計システムについて解説されています。 ページには動画もあります。 これはリロードするたびにフォントサイズやフォントの種類が変わる、ウェブだからこそできるデザインの解説ページ。 ほかにも新聞っぽく見せる縦書き表示システムも作られたそうです。 なんと「大辞林」アプリでおなじみの物書堂さんも講演されてました！ アプリのレビューはこ