ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは!せきゆおう です。 游ゴシックは好きですか?僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では?」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い
Visual Studio Codeはデフォルトだと日本語が等幅で表示されません。 そこで以下の手順により、日本語がある場合でも等幅で表示されるようにしました。 公式ページ から Myrica.ttc をダウンロードし、インストール 半角文字と全角文字の横幅の比が 1:2 なことからこのフォントを選定。 他にも 等幅フォント比較:プログラミング用 - Qiita で紹介されているフォントが使えそう Visual Studio CodeでCtrl + ,して設定を呼び出し、"font family"の欄に'Myrica M'を追加 その結果、以下のようにいい感じに文字が表示されるようになりました。 (2019/5/9追記) 最新のWindows 10にバンドルされているBIZ UDフォント(モリサワ、「BIZ UDフォント」の「Windows 10 October 2018 Update」採
ひらがなすべてのペア.xlsx カタカナすべてのペア.xlsx エクセルのデータです。記号など追加することもできます。 ひらがなカタカナすべてのペア・タテヨコ.zip イラストレータファイルのセットです。 ひらがなすべてのペア・タテ.ai ひらがなすべてのペア・ヨコ.ai カタカナすべてのペア・タテ.ai カタカナすべてのペア・ヨコ.ai が入っています。フォントを変更し、メトリクス設定を選べば、かな詰め(カーニング)の確認ができます。 コレはなんに使うもの? フォント作りの終わりのほうの工程で、ひらがな・カタカナにカーニングの設定をするわけですけれども、隣り合う組み合わせの数は膨大です。 ひらがな・カタカナはそれぞれ85字以上あります(48字ではありません)から、2字の組み合わせはざっくり計算でも85×85=7225、タテ組とヨコ組、ひらがなとカタカナがあるので7225×4=28900*
マンガ・同人誌向けのアンチック体フォントはたくさんあります。今回紹介する「GL-ノバンチカ源」はアンチゴチとしての読みやすさはもちろん、セリフや擬音・擬態語に使用する濁点・半濁点つきのひらがな・カタカナ、小書き仮名も揃っており、こんなにも仮名や記号文字が揃っているフォントはないと思います。小書きの「ん」や「ー」の濁点なども揃っています。 オープンソースなので、個人でも商用でも完全に無料で利用できます。しかも、改変や組み込みもOKの太っ腹ライセンス! GL-ノバンチカ源 -GitHub 「GL-ノバンチカ源」の特徴 「GL-ノバンチカ源」のダウンロード 「GL-ノバンチカ源」を使ってみた 「GL-ノバンチカ源」の特徴 「GL-ノバンチカ源」は、「GL-アンチック」「GL-オとマのペ」などマンガ・同人誌向けのフリーフォントや「GL-築地初号などを多数リリースされているGutenberg Lag
写研の書体 写研がこれまでに発表・発売した書体をご覧いただけます。手動写植にしかない書体をのぞき、書体見本は電算写植で作成されています。そのため、同名の書体でも手動写植とは一部の文字のかたちが異なることがあります。書体の名称および文字盤コードは発売時期により変更されていることがありますが、ここではその書体の最終的な情報で掲載しています。 写研の歴史 –1950 石井茂吉と写真植字 1951–1972 写研の誕生 1973–1992 華ひらく、日本語書体 1993– 電算写植の完成、そして未来へ 写真植字 写真の原理を応用して、ネガ状の文字盤から1文字ずつ印字する手動写真植字機、入力データに基づいた自動印字を可能にした自動写真植字機、そしてコンピュータによるレイアウトと文字の出力を可能にした電算写植。写真植字を3つのカテゴリに分類し、そのしくみと写研の代表機種を紹介します。 資料 書籍 見本
A static site to link people to when their code is displaying Japanese wrong. View the Project on GitHub heistak/your-code-displays-japanese-wrong Why am I here? If someone gave you a link to this page, that person probably thinks your code displays Japanese wrong. In short, from a native Japanese eye, yѳur ҭєxҭ lѳѳκs κιnd ѳf lικє ҭЋιs. This page will give you a brief description of the glyph appe
2022年12月1日、Discordはカスタマイズされたオリジナルのフォント「gg sans」を導入しました。ggは"Good Game"に由来するようです。Web フォントなどを利用して Discord 上の表示がこのフォントに順次切り替わる予定です。 補足 / UPDATE 2022/12/03 14:37 JST DiscordのCEO(Jason氏)より返事があり、ツとノの字形がgg sansから削除されたとのことです。右括弧は現時点で残っているようです(これは当初のわたしの指摘がツとノのみに限られていたせいです)。 2022/12/04 14:55 JST 12/3時点でJason氏からの返信に右括弧が残っているという旨を補足しました。 12/4 午前にDiscordのエンジニア Brandon氏より連絡があり、括弧等の修正が完了したとのことです。 こちらで確認する限り、CJK関
まさかまさかの朗報です! MORISAWA BIZ UDゴシックとMORISAWA BIZ UD明朝がGitHubにオープンソースのOFLで公開されています!!! アップデート情報 4/1 Google Fontsで利用できるようになりました! Morisawa Inc. -Google Fonts 3/29 v1.001, v1.002がリリースされ、不具合が修正されました。 3/24 HTMLやCSS、JavaScriptなどコードを書く人にどうぞ。 仕事早っ!! オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース MORISAWA BIZ UDフォントとは GitHubで公開されているMORISAWA BIZ UDフォント MORISAWA BIZ UDフォントのダウンロード MORISAWA BIZ UDフ
アドビは10月27日、同社のフォントライブラリ「Adobe Fonts」において、毛筆フォントメーカー「昭和書体」のフォント「黒龍爽」などを新たに追加したと発表した。 黒龍爽は、アニメ「鬼滅の刃」に登場するキャラクター「胡蝶しのぶ」に使われているフォント「黒龍」のカスレを少なくし容量を抑えたもの。カッティングや動画にも使いやすくしたという。 昭和書体からは「心龍」のカスレを少なくしたフォント「心龍爽」の他、アドビが3年かけて開発したオリジナル書体「ヒグミン」フォントをAdobe Fontsに追加。大日本印刷から2つ、Font1000から34のフォントも新たに加わった。 Adobe Fontsは、Adobe Creative Cloudアプリのユーザーなら追加料金なしで使用できるフォントライブラリサービス。Adobe製品以外にも、WordやExcelなどのビジネスアプリと、iPadやiPho
ポスターやスライド、その他の資料を作るときのおすすめのフォントをまとめておきます。書体の選び方や使い方の項目で解説したように、重要なのは、可読性、視認性、判読性を意識しながらの「TPOに合わせたフォント選び」です。すでに説明した通り、「短文か長文か?」、「読みにくいフォントではないか?」、「太字・斜体に対応しているか?」ユニバーサルデザインか(=判読性が高いか)?ということに着目しておすすめフォントを紹介します。これまで触れてきませんでしたが、フォントを選ぶときには汎用性・互換性にも注意しなければなりません。 最後にPowerPointにおけるフォント関連の便利なテクニックをいくつか紹介しますので、ぜひ参考にしてみてください。 ゴシック体(和文書体) Winならメイリオ/游ゴシック、Macならヒラギノ角ゴシックも プレゼン用のスライドや学会発表のポスターなどでは、視認性の高いゴシック体を使
こんにちは。yamahanaです。 コーディングをしていて緊張する瞬間ってありますか? 私はまだまだコーディング技術が未熟なので、多々あるのですが、その一つがブラウザでチェックする時です。 特にIE(Internet Explorer)のブラウザチェック! ドキドキします。 どうか崩れていませんように‼といつも懇願しながらチェックしてます。 それを防ぐためにも、IEでチェックをしつつコーディングすればいいんですが、時間が迫られていたりする時は、ついつい後回しになってしまいます。 まあ、どんな時にバグが起こるかを知っておけば防げるかと思うのですが。。 そこで、今回は最近あったIEバグをメモも兼ねてご紹介します。 トーフバグ! 先日、IEでチェックしたら下のようない四角にバツ印の画像が、サイト全体に映しだされました。 恐怖! 調べてみると通称「豆腐」と呼ばれているそうで、ウェブフォントなどを使
重要なお知らせ!! / Important notice Google Chrome がhttpからのファイルダウンロードをブロックする方向なので本ページはhttps://www.tatsu-syo.info/MySoft/WinCust/index.htmlに移動します。 詳しい事情はChromium blog blogあたりから。 5分後に新しいページに飛びます。 Due to Google Chrome will block downloading file from http, this page will move to https://www.tatsu-syo.info/MySoft/WinCust/index.html. In detail Chromium blog. Afert 5 minutes, jump into new page. 重要なお知らせ!!(Impor
毎月世界中で公開されているフリーフォントの中から、特に使い勝手の良い素材やデザイン性の高いアイテムを厳選し、まとめてご紹介しています。今回は、2017年7月度フリーフォントまとめとなります。 今月は特に日本語フリーフォントが充実しており、その他にもどんなデザインにも合わせやすい万能フォントから、2017年の代表トレンドにもなっているミニマルスタイルやブラシフォントも揃います。収録フリーフォント数も70個と増えているので、まだチェックしていない素材がないか確認してみてはいかがでしょう。 デザイナーが愛用したい!こだわりの新作フリーフォント60書体まとめ 2017年5月度 これだけ読めば安心!2017年に押さえておきたいサンセリフ書体の無料フォント55選まとめ テーマ、目的別に探す!合計2000個のフリーフォント素材まとめ完全版 デザイナーが持っておきたい、すごいフリーフォンまとめ 2017年
-○●の意味:-は非対応、○はある程度対応、●はフル対応 等幅 or プロポーショナル 半角英数字の、次の文字までの距離が文字ごとに異なると、プロポーショナル(可変幅)フォントと呼びます。距離が一定なら「等幅(とうはば)」フォントと呼びます。 全角ひらがな・カタカナもプロポーショナル プロポーショナルフォントの中にも、全角ひらがな・カタカナが可変幅なものと等幅があります。Migu 1Cでは全角ひらがな・全角カタカナ・役物(「」『』【】・の7文字)を可変幅にしました。 行間(縦の高さ) 行間は、適度に広いと文を読みやすくなります。しかし等幅フォントが使われる分野のひとつ、プログラミングでは「行間をせまくして、画面に より多くの行を表示できる」ほうが好まれます。 半濁点が大きい 半濁点(ぱぴぷぺぽパピプペポ の右上の円)を大きくして、濁点と判別しやすくしています。 0O(数字ゼロ・大文字オー)
テキストを長体にしたいとき、画像ではなくCSS3を使う方法があります。 テキスト要素に対してtransformのscaleの値を調整すると、文字の一つ一つを細くしたり平たくしたりできます。この方法はWebフォントに対しても使えます。 表現の幅が広がりますね。 ただし、transformの性質上、説明文などの長い文章や、文章中の一部に使おうとするとき、表示がうまくいかないことがあります。ハマりやすいポイントがあるので、すべてのテキストに適用するのではなく、使う場所を選んで設定することをオススメします。 基本的な使い方 <p class="text">普通のテキスト</p> <p class="text text-narrow">長体テキスト</p> <p class="text text-wide">平体テキスト</p> <style> .text { text-align: center;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く