次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
Font Awesomeアイコンを素早く検索しコピー。Photoshopなどでの使い方 (PIXEL LAB)
いまやウェブ制作に欠かせない、Font Awesomeですが、500アイコン以上あるので、なかなか探すのも大変です。 公式サイトで、アイコンを検索できますが、あまり一覧性が高くないので、このページで、オリジナルのアイコン検索を作成しました。アイコン名から検索するほか、サイズを指定したり、回転したりと、アイコンをカスタマイズできます。 以上です。 ここから下は、Font Awesomeの基本的な使い方などについて紹介します。 Font Awesomeとは Font Awesomeは、500以上のアイコンが利用できる、オープンソースのアイコンフォント（ウェブフォント）です。 無料で利用でき、導入も非常に簡単です。ファイルをダウンロードしてサイトに組み込むこともできれば、CDNでも配信しているので、CDNのパスを取得して、ページに貼り付ければ、すぐに利用することもできます。Bootstrapとの
フリーフォント「ヴォイニッチ等幅」 | あらむぎ
ヴォイニッチ等幅はヴォイニッチ文字を表記できるフリーフォントです。 等幅フォントでありながら、横棒でつながった表記をバランス良く再現できるのが特徴です。 こういうやつです。 アルファベットとの対応はEVA hand1に準拠します。 ただし「w」を除きます。 「w」はEVA hand1では空白になっていた（制作時）ので、 ただの横棒（－）をあてています。 EVA hand1のアルファベット範囲にない文字は入ってません。 このように原文のほとんどを表記できます。 （でかい文字は手動です） EVA hand1と比較するとこんな感じです。 漫画で「謎の文字」が必要な時にも使えます。 ヴォイニッチ文字は縦に長い文字がすごく長い（tなど）ですが、 ヴォイニッチ等幅では約２倍の高さになるよう揃えました。 これにより、デザインとして多少扱いやすくなります。 等幅かつ高さが比較的揃っていることで、 落ち物パ
Unicode 8.0.0対応フォント一覧 - てきとーになんか書きます
はじめに 過去の記事 spark6251.hatenablog.com で，楔型文字などどうやって表示するんだろうと言っていたが，案外フォントは存在したのでそれをまとめたかった． 注意 この記事の多くはUnicode 7.xの時に書いていた． 2015/06/17にUnicode 8.0.0が公開され，元々ブロックが存在した領域にも合計で179文字が追加された． 記事を中途に書いていたため，後に記す表の記号が少々面倒になっている． Unicodeとフォントの対応 OS間でどの程度デフォルトのフォントに差があるのかが分からなかった． そのため日本語版Windows 7に元から入っている場合はWindows標準とし，他のOS，他の言語のWindowsは調べないものとした． 単にWindows 標準と書いた場合はＭＳ 明朝，Cambria Math，Meiryo UI，Times New Rom
Webフォントとは？Webフォントを利用してWebサイトのデザイン性を高めよう | ビジネスとIT活用に役立つ情報（株式会社アーティス）
この問題を解決する手段として策定されたのが「Webフォント」です。 Webページの読み込みと同時に、ネットワーク上にあるフォントデータをダウンロードすることができるため、どのデバイスで見ても制作サイドが意図したフォントで表示することが可能になります。 Webフォントを使用するメリット 【メリット1 】SEO効果を保ったまま、デザイン性を高めることができる Webフォントの最大のメリットは、デザイン性の高いサイトの構築ができる点です。 ユーザー環境に寄らず、豊かなデザイン表現が可能となったことで、作成者の意図する印象を与えることができたり、文章の可読性・視認性を高めることができるようになりました。 従来は、デザイン性の高いサイトを構築する際、デザインフォントを含む箇所を画像としてWebサイトに配置してきました。しかしこの方法では、検索エンジンの情報収集ロボット「クローラー」に画像と判定され、
Unicode文字からそれを表示できるフォントを探す方法 - Qiita
最近、Unicode巨大地図というポスターを制作しています。これはUnicodeの全文字を1枚のポスターに並べるというかなり無謀なポスターなのですが、制作する上でUnicode文字からそれを表示できるフォントを探すためのノウハウが蓄積されたのでご紹介します。 万能Unicodeフォント Unicodeフォントの中でも、特にUnicodeのほぼ全文字を網羅的に収録しているフォント。まずはここに収録されているか調べる。 GNU Unifont Unicodeの全文字を16x16のビットマップフォントで網羅するというプロジェクト。Unicode 6.0 の時点で全文字対応を実現しており、以降Unicodeに文字が追加されるたびアップデートが行われている。 Unicode対応率では他の追随を許さないが、16x16のビットマップフォントというのがやはりネック。Unicode巨大地図には使用していない
メインページ - GlyphWiki
【お願い】使用言語登録のお願い（お知らせ） グリフウィキにようこそ！ グリフウィキ(GlyphWiki)は、明朝体の漢字グリフ（漢字字形）を登録・管理し、皆で自由に共有することを目的としたウィキです。 一般的にフォントや個々の漢字グリフの管理は面倒ですが、グリフウィキでは簡単に漢字グリフをデザインすることができ、さらにウィキですので漢字グリフ１つ１つを独立して管理できます。また、グリフを集めてフォントを作り、即座に公開することができます。 グリフの管理は誰でも可能です。また、登録されているグリフは自由に使うことができます。自分が必要なグリフを必要なだけ登録し、既に登録されているデータの一部と合わせ、まとめてフォントにすることができます。現在1,000,000を超える量の漢字グリフが登録されています（別名同字形グリフを別カウントの場合）。 あなたの持っている外字データ・異体字データをグリフウ
Hanazono fonts
English document is below. (click to download Hanazono font at osdn.jp) 下面有中文。(在osdn.jp下载“花园字库“) 現在公開されている花園明朝：2017年09月04日版 ダウンロード 花園明朝(HanaMin) (osdn.jp) 花園フォントについて このフォントは自由かつ無償の漢字フリーフォントです。非漢字は一部のみ含まれます。現在は明朝体フォント1ウェイトが提供されています。フォントの生成にはKAGEシステム、Clipper, FontForgeおよびTTXを利用しています。 収録されているグリフはすべてグリフウィキに登録されているデータを利用しています。このデータは、グリフウィキに登録ユーザーとして、あるいは匿名ユーザーとして漢字字形データを登録・改良してくださった多数の方々によるボランティアの活動から成
Font Picker - finding the right font for the job
Finding the right font for the job. Using Font Picker This simple tool shows you all the fonts installed on your computer and helps you choose which one is most suitable for a particular project. Select the text in one of the boxes and type the text you will be using for your project. For example the name of your web site. Get rid of the fonts that don't like by pressing the x next to them so
AS3 で埋め込みフォントを使うテクニック - てっく煮ブログ
as埋め込みフォントを使う場合のちょっとしたTipsを３つ紹介しておく。1. 何も考えずにフォントを埋め込む方法フォントを埋め込むには、Embed メタタグを利用する。 package { import flash.display.Sprite; import flash.text.TextField; public class EmbedFontTest extends Sprite { [Embed(source='アニトＭ-教漢.TTF', fontName='anito')] private var font:Class; public function EmbedFontTest(){ stage.align = "TL"; stage.scaleMode = "noScale"; var textField:TextField = new TextField(); textFi
無料でダウンロードできる洗練されたフリーフォントあれこれ
有料のフォントにはデザインの美しいものが多く揃っていますが、無料でダウンロードできるフリーフォントでも洗練されたデザインのものは多くあり、中には商用で使うことが可能で、使い勝手も良いものがあったりします。 基本的にアルファベットのみとなりますが、ここぞというときのインパクトや、全体の雰囲気をまとめておきたいときなどの使える良いフォントが多くあります。 各フォントの詳細は以下から。各フォントのライセンスについてもわかる範囲でメモしておきました。30 high-quality free fonts for professional designs | Design daily news ■その1：Miso 2006年にMarten Nettelbladt氏によって作成されたフォント。light・regular・boldの3種類のウェイトが揃っており、TrueTypeとOpenTypeの2種類が
slide0001.png
ファイル名 slide0001.png 日付 2008/06/03 13:16:07 幅 800px 高さ 582px 容量 8.4 KB 画像のみ表示する
Fonts 500 - the top 500 free fonts from around the web
The web’s top 500 free fonts, calculated based on download counts from some of the biggest free font archives.Top 500 is calculated based on download counts from some of the web's biggest free font archives. The fonts presented on this page are their authors' property, and are, to the best of our knowledge, either freeware, shareware, demo versions or public domain. If anyone knows otherwise pleas
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
font-feature-settings の文字詰めを考察する – スープアップデザインズ株式会社 | デザイン・制作会社 東京都（中央区）
22700262 研究成果報告書
Angular Utilities
ウェブページをPDFに保存した際にフォントが埋め込めれているかどうかの判断方法 | クロジカ