どうも、『人文×社会』の中の人です。 今回は、WindowsとMacで起こった「波ダッシュ」をめぐるドタバタ劇をご紹介したいと思います。 波ダッシュといえば、「〜」という記号。どこにもドタバタする要素がないように思えますが、実は今でも組版業界で問題となっている大混乱があります。 波ダッシュと全角チルダ「それ、不等号ですよ! 紛らわしい約物3連発!」の記事でもご紹介したように、見た目が「〜」に見える約物には、2種類あります。 「波ダッシュ」と「全角チルダ」です。 「波ダッシュ」は、日本語で範囲を表すときに使われる約物です。「明治〜大正」みたいな感じで使います。 「全角チルダ」は、半角チルダ(~)の全角版です。チルダは「漸近的に等しい」ことを表す数学記号として使われます。つまり、全角イコール(=)の仲間です。(他にも半角チルダは、コンピュータ上のホームディレクトリを表したり、プログラミング言語
こんにちは。デザインエンジニアの奥田です。HTMLとCSSを書くのが好きです。 現在、デザインシステムのコンポーネントを実装しています。その際に気になって調査したフォントの話を書こうと思います。時間がない方は「まとめ」だけでも読んでいってください。でもほんとは全部読んでくれるとうれしいです。 はじめに環境:Mac OS Big Sur 11.7、GoogleChrome最新 このnoteの中では、以下の表記で進めたいと思います。 ヒラギノ角ゴシックProN...Hiragino Kaku Gothic ProN ヒラギノ角ゴシック...Hiragino Sans きっかけFigmaデータを見ながらボタンコンポーネントを作るためにCSSを書いていた際、指定されているフォントが「Hiragino Kaku Gothic ProN / W6」になっているのに目が止まりました。 ここまでは普通で、
Std、Pro、Pr6、Nってなに?意味を知って賢くフォントを選ぶ!フォント名による違いと使い分け徹底解説 みなさんはフォントを選ぶときにこんな経験をしたことはありませんか? 「同じフォント名なのに、Std・Pro・ProN・Pr6Nなどの文字が付いている…これってなにが違うの?どんな意味があるの?どれを選べばいいの?」 じつはこのStdやProNなどは、フォントに含まれている文字の量や種類を表しているんです。 この違いを知ることで、「いざという時に文字が出なくて困った」、「フォントを変えたら文字が変わってしまって怒られた」などの「文字の事故」を防いだり、フォントを購入するときに適切なフォントを選べるようになります。 この記事では、3つのポイントに分けて解説します。 Std・Pro・Pr6の意味と「文字セット」 Nの付くフォントと付かないフォントの違い どれを選べばいい?フォントの使い分け
SCREENグラフィックソリューションズは9月4日、京都市のふるさと納税の返礼品として「ふるさと納税パック ヒラギノ基本6書体」を登録したと発表した。寄付金額は60,000円。 SCREENグラフィックソリューションズ ロゴ 「ふるさと納税パック ヒラギノ基本6書体」は、「ヒラギノ角ゴシック体 W3/W6/W8」「ヒラギノ丸ゴシック体 W4」「ヒラギノ明朝体 W3/W6」の6書体、12フォントをCD-Rに収録したもの。高品質で視認性が高く、ウエイトの使い分けも可能なため、ビジネス文書やプレゼンテーション、店頭POPなど幅広い場面で活用できる。 2023年9月4日現在、この返礼品を掲載済みのふるさと納税ポータルサイトは「さとふる」、「ふるさとチョイス」、「ふるなび」、「楽天ふるさと納税」の4件。 返礼品の内容は、CD-R 1枚(DVDトールケースに封入)、DVDトールケースサイズはW135×
Carthage Sans README Carthage Sans is a reimagining of Apple's Espy Sans 12 bitmap font. It is not a copy of Martin Pfeiffer's Nu Sans font, although it is inspired by it. It probably looks better at smaller point sizes, as some of the jaggier bits required to make it look like the bitmap font are a little too obvious when enlarged. This release covers the ISO Latin-1 character set plus a couple o
CMU Concrete Roman Heavy boxes perform quick waltzes and jigs TrueType Somehow, although he is the smallest office boy around the place, none of the other lads pick on him. Scuffling and fighting almost has ceased since Kerensky came to work. That's only one of the nicknames of Leo Kobreen, and was assigned to him because of a considerable facial resemblance to the perpetually fleeing Russian stat
源ノ明朝は、アドビフォントとしては2番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている4つの言語(簡体中国語、繁体中国語、日本語、および韓国語)で必要な文字をサポートします。それぞれ、7つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
B! 249 0 0 0 GitHubで面白そうなシェルスクリプトを探してる時に見つけた Spark by holman について。 数値を棒グラフ上に表示してくれるスクリプトです。 Spark 使用例 Spark Spark は数値群を引数に与えるか標準入力で与えてあげると その数値群を棒グラフに変換してくれるシェルスクリプトです。 インストールはGitHubのレポジトリ から直接sparkというスクリプトファイルを取ってきてPATHの通った所に入れるか、 MacであればHomebrewで $ brew install spark でsparkコマンドが使えるようになります。 使い方は非常にシンプルで $ spark 0 20 40 60 80 100 ▁▂▃▅▆█ こんな感じで数値を与えるとそれを棒グラフにしてくれます。 インプットに使える数字は少数も使えますが、 実際に使われる際には
さてさて、長らく放置していたhtmlでの縦書きレイアウト方法です。 概要についてはコチラのページを見ていただくとして、縦書きレイアウトを実現する上で、いちばん気になっていたのが長音記号。「ー」ですね。Webブラウザ上では、この文字の縦書き字形が表示できないのです。代替案として、罫線用の縦棒を使ってごまかしています。ブラウザの種類に依存しないという点ではベターな選択なのですが、フォントによっては非常に美しくない。 ということで、ブラウザの種類に依存してしまいますが、CSS3で定義されるプロパティ「transform」を使って、美しさにこだわってみましょう。 CSS3のプロパティの実装はブラウザごとにバラつきがありますが、transformに関しては、各ブラウザの最新バージョンにおいて、 FireFox ... -moz-transform:なにがし Safari / Google Chrom
Emacs で一番難しいのはフォントの設定です。特に Mac では地獄のように難しいです。とうわけで、Emacs 24.3 と来る Emacs 24.4 でうまくフォントを使うための設定を公開しておきます。 なお、Mac では素の Emacs を使ってはいけません。Emacs Mac port を使いましょう。パッチを当てるのは面倒なので、早く github なんかで公開されるといいですね。 ちなみに、素の Emacs を Dock から起動すると PATH を引き継がないので、はまります。Emacs Mac port なら PATH を引き継いでくれます。 フォントの設定 以下をお好みに合わせて変えて .emacs などに入れて下さい。 ;; 以下はフレームの設定 (defvar my-frame-parameters '((height . 40) (width . 80) (top
Ricty Diminishedとは Ricty Diminished (リクティ・ディミニッシュト) は Ricty の姉妹フォントで、Inconsolataと Circle M+ 1m を Ricty 生成スクリプトで合成したフォントです。 特徴として以下のものが挙げられています。 ラテン文字には、Inconsolata が適用その他にはCircle M+ 1mが適用(M+の視認性の高い日本語文字が利用可能)半角文字と全角文字の横幅の比が 1:2 に調節されている全角スペースが可視化いくつかの全角グリフが対応する半角グリフと差別化されているen ダッシュ、em ダッシュが破断線のようになるプログラミング用のフォントは、エディターなどで見たときに、可読性が高いデザインになるよう作成されています。 例えば、英語の小文字のエル「l」や、大文字のアイ「I」、数字の「1」、その他にも英語のオー「
等幅フォントを画像で比較しました。 比較画像 (300Kと重いですが、しばらく待てばアニメします。最下行にrsingleTag..という行がくるようにしてあります) 個々のフォントを見ます。 Source Code Pro Adobeが公開したオープンソースフォント。見まちがやすい「数字のゼロ0とアルファベットのオーO、数字のイチ1とアルファベットのアイI、エルl」を区別しやすいと話題です。参考記事: http://b.hatena.ne.jp/entry/www.publickey1.jp/blog/12/_source_code_pro.html しかしその判別性は以下のフォントでも意識されていました‥。 Inconsolata 「Top 10 Programming Fonts http://hivelogic.com/articles/top-10-programming-font
Ricty(リクティ)フォント http://save.sys.t.u-tokyo.ac.jp/~yusa/fonts/ricty.html はプログラミングやシェル操作に向いているTrueTypeフォントです。 ところがこのフォント、複数のフォントを合成しなくてはなりません。 追記 (2011-11) フォント合成をしなくても、合成済みttfファイルをダウンロードできる Ricty Diminished http://save.sys.t.u-tokyo.ac.jp/~yusa/fonts/rictydiminished.html が登場しました。ただしJIS第2水準の漢字がたりません。 漢字がすべて揃ったフォントがよいなら、今後も、以下のRictyを選ぶ必要があります。 その合成作業がWindowsでは難しそうにみえます。しかし やってみると簡単とわかりました。 2012年7月03日現
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く