Georgia ProとVerdana Pro フォントの考察と導入・購入方法
これまで欧文書体セミナーTypeTalksやCSS Niteの講演、雑誌「Web Designing」の執筆などで断片的に取り上げたGeorgia ProとVerdana Pro。それぞれのPro版が2010年にリリースされてからかなり月日が経過してしまっており、今更感が否めないのですが、GeorgiaとVerdanaはどんな書体なのか、なぜPro版が発売されるに至ったのかを改めてまとめてみました。 GeorgiaとVerdanaってどんな書体？ まずGeorgiaとVerdanaというフォントをご存じない方は、一度フォントフォルダを確認してみてください。WindowsにもMacにも必ずインストールされている、いわゆるデフォルトフォントです。 どのパソコンにも最初からインストールされているので、Webフォントが登場する以前は“Webセーフフォント”として使える数少ない書体でした。Webセー
[フォント]文字デザインの分類(欧文編)
フォントの種類ってめっちゃめちゃありますよね。こんなもん当然一つ一つ覚えてられません！ ですが、フォントの種類がそれぞれどのように成り立ち、どんな目的があって作られてきたのかが分かれば、新しく知るフォントも体系立てて覚えることが出来るのではないでしょうか。そして、覚えることより、フォントを相応しい場所で使う、またはどこまで考える必要があるのか…それを判断する事が出来るようになるのだと思います。 というわけで、フォントがどのように分類されるのかザーッとまとめてみます。 フォントの時代、様式に関する分類 フォント、書体というものは文化とともに作られ、必要とされて生まれてきています。 …この章は一応必要だから書きますけど、調べているうちにほぼこの記事で完結しているというレベルの記事を見つけてしまったので、さらっと触れるに留めます(って思ってましたけど結局長いです)。 書体の分類 書体の世界 ブラ
![[フォント]文字デザインの分類(欧文編)](https://cdn-ak-scissors.b.st-hatena.com/image/square/33af32b8ca0f72f19ecc6be7572dc2e58a075ee9/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F03%2Ffont-category-latin-11-150x150.png)
Toshi Omagari | 続・身近な書体：Arial
いよいよお待ちかね、Arial誕生秘話の後編です。前回は何故Arialが作られたのか（why）について説明しましたが、今回のテーマはどうやって作られたか（how）で、さらに書体デザイン寄りの話になっていきます。頑張って説明はしますが、かなりテクニカルな話だと思いますので途中で諦めていただいて構いません。まだ前編を読んでいない方はこちらからどうぞ。 IBMは最初の業務用レーザープリンタ「3800」の後継機、「3800-3」を作るにあたって、タイポグラフィを改善することを決めました。初号機の解像度は144dipで、書体は一応選べたものの全て等幅で、サイズも最大3段階からしか選べませんでした。3800-3では解像度が240dpiになり、良質の書体を搭載し、サイズの選択肢も増やすことが次の課題となりました（前編で初号機の解像度が240dpiであるかのような書き方をしてしまいました。ここでお詫び致し
Toshi Omagari | 身近な書体: Arial
今回取り上げる身近な書体はみんな知ってるのにみんな知らない書体、Arialです。タイポグラフィを志す人、少しでもかじったことのある人、もっと言えばフォントメニューを開いたことがある人なら必ず目にしたことがあるでしょう。なにせAで始まりますので、メニューのかなり上に来ますしね。 ArialはよくHelveticaと間違われやすいですし、Helveticaがないときに代替として使われる書体でもあります。事実Arialは見た目がHelveticaっぽくなるように作られたものですし、ArialはHelveticaの字幅と完全に一致するように作られています。欧米のタイポグラフィ界ではArialの使用はすなわち「Helveticaの不使用」という書体選択における妥協または無頓着を表しているように見られますし、僕も大筋では同意します。Helveticaは標準だとMacにしか入っておらず、Windowsの
Lettering.jsを併用して、任意のテキストにCSS3のアニメーションエフェクトを実装するスクリプト・textillate.js
ちょっと面白かったのでメモ的に。タイポグラフィ用のライブラリ、Lettering.jsを併用して、テキストにCSS3によるアニメーション効果を容易に与える事が出来る、というスクリプトのご紹介。 使いどころは限定されますが、動きが面白かったのでメモ的に。以前ご紹介したLettering Animateを少し進化させたような感じ。 エフェクトの種類もかなり用意されているのでデモを見てるだけでも楽しかったです。lettering.jsはjQueryのプラグインなので必然的にtextillate.jsもjQuery依存となります。 lettering.jsで1文字1文字のエフェクトにタイムラグを発生させる事が出来ます。 $('.foo') .fitText(0.5) .textillate({ in: { effect: 'flipInY' }});オプションでエフェクト等をセッティングします。
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
有名なフォント12種類の紹介とフォントの基礎知識について - YATのBLOG
2013年 01月 09日 今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について カテゴリ： Font タグ：Font 新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いします。 今回は自分がよく使っているフォントをまとめました。他にも使っているフォントはもちろんあるんですが、基本的なフォントやWebベースで使えるフォントあたりを紹介しています。 1.フォントリスト 2.フォントの基本 3.考察 フォントリスト 欧文フォント 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5
【決定版】僕の考えた最強のfont-family指定
本記事は200弱ツイート、500弱のはてブと16000PVを2日で稼ぎ出した(稼いだからってどうもないけど) [CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！ | DevAchieveの反省会会場となります。 未読の方は先に読んでおくと話がわかりやすいかと思います。指定だけ見たい人はこちら。 [CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！の狙いタイトルではてブや検索流入を狙う本当は教えたくないSEO！アクセス数が20倍になったブログタイトル32文字の法則 | Chrome Lifeで 解説されている通り、はてブは全角32文字までに入れないとトランケートされてしまうので短めに。 はてブユーザーが大好きな最強とか入れておいて、読んでブクマしてもらえるようにしておきます。 「font-family 指定 オススメ」というキーワードを埋め込んで
第10回：Windowsフォントをアンチエイリアスでキレイに見せる方法 | Creazy!
メインPCをMacに移して一番驚いたのは、Macで表示されるフォントの美しさかもしれません。 Macでは基本的に全てのサイズのフォントにアンチエイリアス（スムージングともいう）処理が施されています。 アンチエイリアス (Anti-alias) はコンピュータで画像・映像を制作・加工・表示する際に、滑らかな画像を得る処理のこと。 アンチエイリアス – Wikipedia 逆にWindowsではデフォルトではアンチエイリアスがかかっていないのでギザギザした印象の文字になってしまいます。一旦、慣れてしまうとどうしてもこの滑らかな文字が愛おしくなってしまって、なんとかWindowsでもアンチエイリアスにできないかと考えました。特にこのブログのリニューアルにあたって、MacとWindowsの両方で動作確認をするとあまりの違いに愕然としてしまったので、真剣に調べ始めたというわけです。 Windowsフ
[CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！
俺のためにWeb開発者は俺にとって読みやすいフォント指定をするのだ！ 指定方法は下にあるぞ！ 新規でサイトを制作するのに基本のフォント指定を持っていなかったので 色々調べたり、このブログのフォント指定を変更してみたりしたら 実は Arial より Verdana のほうが見やすいことがわかってしまった。 さすがMicrosoftがコンピュータ用ディスプレイ上での視認性向上のために 作ったフォントだ！Verdana - Wikipedia フォント周りのオススメの指定追記記事により良い指定を載せたのでこちらは掲載終了しました。 font-family めっちゃ長い！何故かと言えば環境によっては指定したフォントがインストールされていない可能性があるから。 だから指定したいフォントを優先順位つけて記述する。左にあるフォントが一番優先順位が高い。 余談だけどfont-size(文字サイズ)とlin
ふんわり、やわらか。 i ♥ はんなり明朝 in Advent Calendar #LOVEFONT | Mnemoniqs Web Designer Blog
Advent Calendarの#LOVEFONTに参加させて頂きました。2日目でございます。 自分の好きなフォントを紹介するということなので、「はんなり明朝」をば。 デザイナーにつきまとう明朝の影 今までデザインをしていた中で、よくこんなことがありました。 「ゴシックがハマらないな。冒険して明朝を使ってみるか。・・・うん、ゴシックでいいか」 「このデザインには明朝が合いそうだ。どの明朝を使おうか。おふぅ、ないな。明朝はないな」 「MSぅ・・ヒラギノぉ・・・小塚ぁ・・・教科書た・・・・ウガアァァ！！」 「勘亭流www龍門石碑体www」 ってな感じで、明朝には何度も悩まされてまして。 超日本風のデザインにでさえ、なんとなく既存の明朝だとハマらないことが多いんです。 しかも！日本語明朝は無料で商用利用が極端に少ない！ そんなとき、はんなり明朝と出逢いました。 Typing Art
Dan Benjamin
Dan Benjamin is an inventor, podcaster, software developer, and writer. In early 2009, Dan became a full-time podcaster with the launch of 5by5.tv, often called "NPR for Geeks" by its listeners. 5by5 quickly rose to become one of the top tech-focused pocast networks, drawing talent from all corners of the tech, gaming, productivity, and entertainment industries. Dan’s podcasts have gone on to rece
Helveticaの代わりに使える30のフォント
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 世界中で愛されている永久定番級のフォントといえばHelvetica（ヘルベチカ）、デザイナーじゃなくともお馴染みのフォントです。今回はHelveticaは余りにメジャーすぎてちょっと抵抗がある、、、というひねくれモノのあなたのためにHelveticaの代わりに使えるフォントを30種類紹介した記事を。 — SEO Japan Helveticaは筋金入りの書体だ。明確さ、順応性、徹底的な完璧さを持つそれは、スイスのデザイン文化の証だ。この有名な書体は、数えきれないほどの理由から愛されている。それ自体には何の個性もないために、どんな気持ちや感情や心象も受け入れることができる能力もその1つだ。 Hel
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フォントの基本的な選び方
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
font-familyの指定はウェイトなしのアルファベット表記のみでほぼよさそう | Culture27
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; 同じフォントを日本語表記とアルファベット表記の両方で指定しているのは、各ブラウザの解釈や挙動が異なるなどの理由からです。ただ、最近のブラウザはどうなんだろうかとちょっと気になったので調べました。 結果としては下記の表になりました。詳細はデモページを見てください。 Parallels上のWin7: IE6-8(IE6,7はIETester), Chrome15, Firefox8, Safari5, Opera11 Mac OS X 10.6.8: Chrome15, Firefox8, Safari5, Opera11 文字コード: UTF-8 指定方法 IE Chrome Saf
allfont.info - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
Webデザイナーが文字組版を勉強するときに参考になるサイト
「Webデザイナーのためのタイポグラフィと文字組... / Webデザイナー（私）によるタイポグラフィーレイ... / Illustratorで文章を扱うとき（文字組版...他...全9件
｢iOS 5｣のフォントリスト - 気になる、記になる…
管理人：Taisyo 海外の情報＆噂サイトで報じられている Microsoft (Windows) や Apple (MacやiOSデバイス) の最新情報を翻訳(ミスも多いですが…)してUPしています。 当サイトのメインページや個別記事へのリンク、コメント、トラックバックは自由に行って下さい。 ご連絡の必要はございません。 ある程度確認はしていますが、InternetExplorerでは一部正しく表示されない部分があり、推薦はSafariとなっています。 ニュース：総合(982) ニュース：携帯電話(346) 気になるニュース(488) ニュース：ブラウザ(204) ミニノート関連(Eee PCなど)(260) Microsoft：総合(789) Microsoft：各種アップデータ(98) Windows Vista：ニュース(512) Windows Vista：レビュー(27) Wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
