Adobe Fontsで使用できる日本語フォントが一覧できるPDFが、アップデートされたので紹介します。 現在使用できる日本語フォントすべての書体見本がまとめられており、先日追加された「ヒグミン」「黒⿓爽」「⼼⿓爽」「秀英にじみ初号明朝」「秀英にじみ明朝」も収録されています。 Adobe Fontsにアドビオリジナル日本語フォント「ヒグミン」や、昭和書体など、魅力溢れるフォントが多数追加 Adobe Fontsの今年の追加分がすごいですね! これまでの分は、下記の記事をご覧ください。 2021/10: Adobe Fontsに昭和書体の鬼滅フォント「黒龍」「心龍」が追加 2021/9: Adobe Fontsにフォントワークスの人気フォントが追加 2021/4: Adobe Fontsにキリギリスや味明やルイカなどが追加 2021/1: Adobe Fontsに砧書体制作所のフォント39種
SF映画のタイポグラフィとデザイン 作者:デイヴ・アディ発売日: 2020/08/18メディア: 大型本この『SF映画のタイポグラフィとデザイン』は、まさにその名の通りにSF映画に存在するタイポグラフィとデザインに集中して取り組んだ一冊である。大型本で、所狭しと書体とデザインとその解説が並んでいて──一言で言えば最高の本だ! 取り上げられていく作品は、『2001年宇宙の旅』『エイリアン』『スタートレック』『ブレードランナー』など有名作ばかりの7作で、数自体は少ないが、代わりに映画に登場する一瞬しか映らないような文字でさえもどんな書体を使われているのか見つけ、それぞれがその映画においてどのような意味を持っているのか分析してみせる。タイポグラフィって要は書体を何にするか決めてどう配置するかぐらいでしょ? そんなに語ることあるの? と思うかもしれないが、これが超重要だ。 未来的と思わせる書体は確
はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
モリサワ 写研書体のOpenTypeフォント開発で今後100フォントをリリースすることを発表 邦文写真植字機発明100周年を皮切りに 株式会社モリサワ(代表取締役社長:森澤彰彦 本社:大阪市浪速区敷津東2-6-25 Tel:06-6649-2151代表、以下モリサワ)は、2021年1月に発表した株式会社写研(代表取締役社長:笠原義隆 本社:東京都豊島区南大塚2-35-2、以下写研)とのOpenTypeフォント開発プロジェクトにおいて、数年内に合計100フォントに及ぶリリースを予定していることを発表します。 まずは、以前に発表した改刻フォントである「石井明朝・石井明朝オールドスタイルかな」「石井ゴシック」の13フォントと、写研のバリエーション豊かな見出し書体群を「写研クラシックス」としてOpenType化した30フォント、合計43フォントを2024年に提供します。そして2025年以降も、これ
gistfile1.md PDF に謎の漢字が含まれるとき PDF などの中にある一部の日本語の漢字が、見た目は同じだけど異なる謎の文字に変換されていることがある 例 1: https://www.mhlw.go.jp/content/10906000/000628667.pdf 「長野」と「長崎」の「長」が、 U+9577 ではなく「⾧ (U+2FA7)」になっている 例 2: https://www.dpri.kyoto-u.ac.jp/news/12739/ 大量にある、どうしてこうなった PDF ではないので何かからコピーして書いた? この文字は 康煕部首 (Kangxi Radicals) というもので、部首としての文字である MS ゴシックなど Kangxi Radicals の字形がないフォントを指定すると表示できないので区別しやすい どこから来たのか? これらは(フォントに
Mac 初期設定 対象読者 知り合いのエンジニアさん向け Mac初めて買った人 Web系エンジニア向け 環境 macOS Catalina 10.15.3 MacBook Pro (13-inch) 前置き 導入ツールについては良く使うものに厳選してます。 CLI ツールや GUI ツールは必要になってから入れた方がいいかも。 zshの設定、tmuxの設定、vimの設定は別記事にする予定です。 古いですがzsh設定の記事です。 https://qiita.com/ucan-lab/items/1794940a64882021dcb1 設定ファイルのインストール自動化は別記事にします。 私とまったく同じ設定にしたい人はいないと思うので今回は個別インストール記事にしてます。 (一通り書き殴っただけなので、追記するかも) 最初にやること ソフトウェア・アップデート (appleマーク) > こ
大人気アニメ「鬼滅の刃」の重要シーンでたびたび登場する独特の毛筆文字。開発したのは鹿児島県さつま町のフォントメーカー・昭和書体です。2022年3月に86歳で死去した坂口綱紀(こうき)さん(書家名・綱紀栄泉=つなのりえいせん)が長年営んだ看板制作会社が前身で、あるできごとをきっかけに2007年、フォントメーカーに転じました。取り扱う書体の多くは、栄泉さんが生前に書き残したものです。現在は栄泉さんの孫・坂口太樹(たいき)さん(37)が社長を務め、祖父の文字を多くの人に使ってもらおうと奔走しています。業態転換の経緯と「鬼滅」効果、会社のこれからについて聞きました。 始まりは祖父が始めた看板屋 昭和書体は、毛筆文字が専門の書体メーカーです。社長の太樹さん、父で会長の茂樹さん(64)を含め、4人が働いています。書体の販売代金が収入の柱で、購入後すぐ使える「ダウンロード版」と、郵送されるCD-ROMか
フォントのサイズをレスポンシブ対応にする際、最近よく使用されている実装方法がclamp()関数を使用した流体タイポグラフィです。CSSのclamp()関数を使用すると、ビューポートをベースにしてフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、という感じです。メディアクエリは一切不要なので、たった一行で全サイズを設定できます。 CSSのclamp()関数を使用して、レスポンシブ対応のフォントサイズを超簡単に定義できるツールを紹介します。 clamp() Calculator clamp() Calculatorの特徴 clamp() Calculatorの使い方 clamp(
まえがき ミャンマーでは公用語としてビルマ語が使われている。ビルマ語の表記にはビルマ文字を用いるのだが、このビルマ文字のインターネット上での使用は、混迷を極めていた。そしておそらく今もまだ…。なぜか? それは、Unicodeという文字コードの標準がありながら、Zawgyiというものが広く使われていたためである。なぜそのようなものが登場し、普及することとなったのか、この記事で解説する。 目次 まえがき 目次 凡例 この記事で使う名称について ビルマ語表記 コードポイント ラテン文字表記について Zawgyiの概説と歴史 Zawgyiとは Zawgyiのダウンロード Zawgyi誕生・普及の経緯 複雑なビルマ文字 ビルマ文字とUnicode 回避策としてのビルマ文字フォントの登場 Zawgyiの普及 Zawgyiの実装 実装の方針 文字の並べ替えをせず、左から右に書く 文字の形のバリエーション
ディズニー作品の日本ローカライズ版におけるフォント表現について、感動的なシーンが台無しになっているとTwitter上で批判が巻き起こっています。 海外ゲームの日本語ローカライズで、フォントとしてやたら「MSゴシック」が採用されることへの批判から派生した話題。ディズニー作品の日本語ローカライズ版で、作中の文字表現が日本語に差し替えられる際に、しばしばオリジナルからかけ離れた「クソダサ」なフォントになっていることがあるとして、改善を求める声が相次いでいます。 togetter - MSゴシックを使う外国人デベロッパーに「忌まわしきMSゴシックを使うな」というお仕事「あのディズニーでも無頓着」 今回特に拡散されたのは、映画「シュガー・ラッシュ」(2012)において重要なアイテムとして登場する、ヴァネロペがラルフに贈った「ヒーローのメダル」。 オリジナルでは筆記体で「You are my hero
はじめに デザイナーの toshi です。少しずつ暖かくなり畑仕事も捗ります。(この前、ジャガイモの植え付けとネギを 200 粒蒔きました。おいしく育つといいな 🌱 ) さて、この記事では私のデザインワークを格段に上げる「 Eagle 」とその使い方を紹介できたらと思います。 私は 2018 年頃から Eagle を使い始めてデザインワークの初速が上がったり、画像・素材管理のストレスが確実に減りました。 みなさんは、競合調査やベンチマークにするデザインなど参考にするデータはどのように管理していますか? ブックマークで管理?キャプチャ画像をフォルダで管理?画像管理アプリで管理? はじめに なぜベンチマーク管理と参照が大切だと考えているか 時間の有効活用 自分の基準「だけ」で判断しない 質より量でアイデア出しの初速を高める Eagleを使う前 Eagle とは Eagle の使い方 Eagl
二次創作などで小説を執筆しても、その「表紙」に設定する絵が思い浮かばなかったり、そもそも絵が描けなかったりして困ってしまうことがあるはず。「装丁カフェ」は、好きな文字を入力するだけで手軽に「いい感じ」の画像を作成してくれるサービスです。 装丁カフェ | pixiv小説用表紙メーカー https://marunaka3.github.io/tools/project/cover-maker.html pixiv用の表紙が作れるサイトをプレオープンします。ボタン一つで雰囲気のある美しい表紙が作れます。 作った表紙は小説投稿サイトで自由にご利用いただけます。利用報告、リンク等は不要です。 動作確認も兼ねたお試し期間ですので、気軽に遊んでいただけると嬉しいです!https://t.co/WDk0OuyIem pic.twitter.com/S0Ue0WxFDy— しののめ (@shinonome_
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは? 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に文字間隔の調整(カーニング)ができます。 はじめに:ベタ組みと文字詰め 日本語フォントは基本的にベタ組み(等幅)で読みやすいように設計をされています。長文を読むにはベタ打ちのほうがリズムよく読めて疲れないので、本文などはベタ打ちのままのほうがよい場合が多くあります。 それでもフォントサイズの大きい見出しなどでバシッといい感じに決めたい場合もありますよね。個人的には記事のタイトルが並んでいるなかで、カッコから始まるものが混じっているときなどは、「んぁ〜」
アドビ(Adobe)の共同創設者であるジョン・ウォーノック(John Warnock)氏が8月19日、82歳で亡くなりました(Adobeによるプレスリリース)。 ▲ジョン・ウォーノック氏(2022年撮影) Xerox PARC在籍時にアウトラインフォントを使った電子出版を考案したウォーノック氏は故チャールズ・ゲシキ氏(2021年死去)とともにAdobe Systemsを創設。ベジエ曲線によるアウトラインフォントと図形を用いたプログラムとしてページを表現し、どのような解像度でも美しい出力ができるページ記述言語PostScriptを考案。Adobe創設時に故スティーブ・ジョブズ氏が出資したことで、LaserWriterにPostScriptが組み込まれ、のちに生まれた組版ソフトPageMaker(Adobeが買収)とともに、MacintoshとPostScriptを中核としたDTP(Desk
個人消費へ冷え込みも懸念されていた、去年10月の消費税増税。 「10%」が与えた影響は、県内の経済にとっても大きかったようです。 地方経済総合研究所によりますと、熊本県のGDP、総生産は、去年9月が5319億円だったのに対し、増税後の去年10月は4977億円と342億円減少していたということです。 これは、消費税が8%になった2014年の増税時と比べて2倍以上の減少で、熊本地震の直後よりも大きな下げ幅となっています。 研究所は、影響が大きかったものとして、「百貨店・スーパーの販売額」と「乗用車の販売台数」を挙げた上で、「熊本地震以降、県民の消費マインドが脆弱なまま、推移していることが影響したのではないか」と分析しています。 同じ報告書では、このようなことにも言及されています。 地震以降の復旧工事などによる、いわゆる「復興特需」について、「GDPを500億円程度押し上げたものの、阪神淡路や東
DTPの2023年問題、知ってますか? 終末の日が近いType 1フォントの“遺産”にどう対応すべきか(1/3 ページ) もうあと1年ちょっとしか時間は残されていない。 DTPの黎明期から長く使われてきたPostScript Type 1フォントのサポートが2023年1月をもって終了する。Type 1フォントを使用してきたAdobe CCユーザーなら、過去のドキュメントを開いた時点でアラートが発生するので既にお気付きだろう。 この件については2021年4月28日にアドビから公式にアナウンスされている。それ以前にも、アドビは2000年代に入るとユーザーにOpenTypeフォントへの移行を促すアナウンスを行ってきた。例えば国際タイポグラフィ協会主催のカンファレンス「ATypI 2019 TOKYO」でもこの件に時間を割いた。 サポート終了の理由については上記のリンクページにまとめられている。ア
この記事では、商用利用でき漢字も使える日本語フリーフォントを、まとめてご紹介します。 「日本語フリーフォントが増えすぎて、どれを使うか迷ってしまう」、というひとも多いでしょう。 定番アイテムから最近公開された新作フォントまで、「使える」日本語フリーフォントを一覧でまとめています。 コンテンツ目次 好きに選べる、好きなだけ使えるAdobe Fonts 明朝体(22書体) ゴシック体(35書体) 手書きフォント(26書体) 毛筆、行書体(16書体) ユニーク、その他の書体(61書体) 正しいフォント選びのこつとポイント 歴代ベストフリーフォント一覧 商用でも利用できる日本語フリーフォントを集めていますが、用条件やライセンスが変更されることもあるので、利用する前に確認しておきましょう。 好きに選べる、好きなだけ使えるAdobe Fonts 「日本語フォントをまとめてダウンロードしたい」 「できる
2023年6月8日 Webサイト制作, 便利ツール おしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね?登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量が大きくてページの読み込み速度に影響が出てしまいます。そこで必要なフォントのみを指定できるサブセット化をしてみましょう! ↑私が10年以上利用している会計ソフト! Googleフォントの設定 まずは通常通りGoogleフォントを設定しましょう。GoogleフォントのWebサイトから、今回は例として「Kosugi Maru」というフォントを設定したいので検索。一覧から「Kosugi Maru」をクリックします。 続いて見本の右側にある「Select this style」をクリック。 HTML 画面右側に選択したフォントが表示されます。「Embed」タブをクリックしてコードを取得しましょう。
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 Type Fluidity -GitHub Type Fluidityの特徴 Type Fluidityの使い方 Type Fluidityの特徴 流体タイポグラフィ(Fluid Typography)は、フォントサイズをレスポンシブ対応にする最新テクニックです。さまざまなスクリーンサイズに応じて固定値を定義する代わりに、CSSで単一の流体値を定義して、フォントの最小値と最大値の中でスクリーンサイ
「日本語で繁体字や簡体字(のフォント)を使うと、日本語ネイティブには奇妙に見える。aとαどころではなく、英語をキリル文字など形の似た字を交えて書くくらい変だ」──海外開発者に向け、日本語の文章で中国語のフォントを使ってしまうことをこのように注意喚起した英語のWebページが「例が秀逸」「全ての開発関係者が目を通してほしい」と話題を集めている。 日本語を繁体字や簡体字のフォントで書く違和感を英文で例えた文章。「It would be looking something like this」をキリル文字などアルファベットに似た言語を交えて書いている(Needleさんが公開しているページから引用) Webページではフォントの違いがもたらす違和感に加え、繁体字、簡体字、日本語フォントの違いを図説。「刃」の字を使ってそれぞれの違いを説明している他、フォントの間違いを確認する方法やその原因、解決方法など
リンク Wikipedia 新ゴ 新ゴ(しんゴ)は、モリサワが開発・販売するモダンゴシック体およびそのフォント製品。 競合メーカー・写研が発売したディスプレイ書体・「ゴナ」シリーズの成功を目の当たりにしたモリサワが、1986年、小塚昌彦を制作統括者に迎えて和文モダンゴシック体の開発に着手。Helveticaに代表される欧文のモダンサンセリフの持つ直線的で近代的な表情を持つ書体の完成を目標として制作された。かなには本来の運筆をその骨格部分で導入している。 ファミリー制作にあたっては、写研も使用していたドイツ製のアウトライン自動生成システム「 8 users リンク Wikipedia ヒラギノ ヒラギノ (Hiragino) は、字游工房がデザインした書体ファミリーで、1993年に大日本スクリーン製造(当時。ヒラギノフォントに関する事業・権利はSCREENグラフィックソリューションズが承継)
テレビ番組やウェブコンテンツをはじめとする各種メディア、そして街中のいたる場所で目にするフォント文字。フォントは、文章の読みやすさや言葉の意味を伝えるほかに、言葉の持つイメージを伝えるという表現技法的な役割も担う。たとえば、テレビドラマの題字、漫画のタイトルなどの創作物に採用されているフォントの文字は、字体を見ただけで登場人物やストーリーを想起させる。 その完成度の高さから、大人気アニメ「鬼滅の刃」をはじめとする多くのアニメやテレビ番組、食品パッケージなどで採用が広がる「毛筆フォント」を制作・販売するのが、鹿児島県さつま町にて、親子3代で経営するフォントメーカーの昭和書体である。ほぼすべてのフォントを手書きしているのが、書家の綱紀栄泉氏こと祖父の坂口綱紀氏。その綱紀氏を支えるマネージャー的役割を果たすのが、息子の坂口茂樹氏、そして孫の坂口太樹氏だ。 今回、その昭和書体で代表取締役を務める坂
大規模文字セットのUnicodeは世界中のあらゆる文字を収録することを目指して策定されており、「溶解する顔」や「妊娠中の人」といった個性的な絵文字も数多く登録されています。そんなUnicodeに登録されている正体不明の記号「⍼」について、ブリティッシュコロンビア大学でソフトウェアについて学んでいるジョナサン・チャン氏がまとめています。 U+237C ⍼ RIGHT ANGLE WITH DOWNWARDS ZIGZAG ARROW · Jonathan Chan https://ionathan.ch/2022/04/09/angzarr.html 「⍼」は数学記号用のフォントなどに含まれている記号です。例えば、数式・化学式用フォント「Cambria Math」に含まれる「⍼」を拡大してみるとこんな感じ。カギカッコのような直角と稲妻形の矢印が組み合わさった日常生活では全く目にすることのない
ピクセルフォント「マルモニカ」などをリリースされているx0y0pxFreeFontから、新しいピクセルフォントがリリースされました。 ※「マルモニカ」(紹介記事)も第1・第2水準漢字対応です。 「マルミーニャM」はかわいさ全開の丸ゴシック体のピクセルフォントで、かわいいドット絵やゲーム演出にぴったりな丸文字フォントです。 マルミーニャM マルミーニャM -BOOTH マルミーニャMのダウンロード マルミーニャMの特徴 x0y0pxFreeFontの他のフォント マルミーニャMのダウンロード さっそくフォントのダウンロード方法を紹介します。 まずは、本サイトから。x0y0pxFreeFontの本サイトはGitHubに移転され、そこからフォントをダウンロードできます。
バックスラッシュ\を入力する時に円記号¥に文字化けが起きる理由 プログラムのソースプログラムは(LaTeXのソースファイルやWebページのHTMLファイル等と同様に)テキストファイル(教科書ではテキスト形式と呼ばれています。プレーンテキスト(plain text)とも呼ばれることがあります)というファイル形式で書かれます。このテキストファイルはどのようなOSでも必ずサポートされている最も基本的なファイル形式であり、実体は1バイトを単位として文字コードで表現されたデータが先頭から順に並んでいるだけのファイルです。 その文字コードは歴史的にはさまざまなものがありましたが、次第にアメリカで定められたASCIIコードが主流になり、世界中で使われるようになりました。これが国際的な規格になったものがISO/IEC 646です。これらは7ビットの文字コードなので2の7乗つまり128種類の文字が表現でき、
令和5年9/12にユニコード15.1が正式公開され、CJK漢字拡張-Iの他に“漢字構成記述文字”に指示記号4種、“CJK筆画”に拡張漢字構成記述文字の指示記号が1種類追加されました。ユニコードに採用されていない字の説明がしやすくなったのが重要です。𝚄+𝟹𝟷𝙴𝙵の一部除去指示記号は文字構成要素の一部が削除されていることを示す記号です。 漢字構成記述文字記号をラテン・ギリシャ・キリル各文字体系に応用した例で、ユニコードに採用されていない左右逆になる字形と逆になる字形を説明しやすくなりそうです。画像はにしき的フォントに含まれるユニコード未登録のラテン・ギリシャ・キリル各種字母を漢字構成記述文字記号で説明した例です。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く