もう迷わない、「@font-familyはこれでOK！」を色々考えてみた。 | unitopi - ユニトピ -
Macだから、Windowsだから、Androidだから… 端末それぞれの表示状態を気にしながらフォントを考えるのって大変ですよね。 とりあえずコレにしておけばいいや、というコピペ用テンプレが皆さん存在するのではないでしょうか？ 基本 font-family: sans-serif; sans-serif、つまりゴシック体であることを指定しています。 ただしそれ以上の指定ではないので、ブラウザ標準のものが使われます。WindowsであればメイリオとかMSゴシック系、Macであればヒラギノ角ゴシック系となります。 Windowsのことを考えると明瞭が由来でもあるメイリオがアンチエイリアスがかかって見やすいです。 しかし、Macの場合はヒラギノを優先させたいですよね。。 Macだと、多くのブラウザで日本語表記のフォント指定は無視されます。 つまり、“メイリオ”は読み込まれず、“Meiryo”と
CSS SANS
CSS SANS は、WEB上でデザイン・文字組をするためのプログラミング言語 CSS でつくられたフォント。 WEBの歴史・進化を映し出し、時代に合わせて形を変える、これまでにないフォントです。 CSS SANS is the font created by CSS, the programming language for web designing and typesetting. It is an unprecedented font that reflects history and evolution of the Web, and even changes its own shape. フォントの成り立ちHow the font is madeCSS でできることは、WEBページのレイアウトを整えたり、文字組・文字間の調整をしたりなど、様々。 ただひとつ、「文字自体をデザイン
これってIE8の不具合なんじゃね・・・？文字の大きさが勝手に変化するよ？
特別な仕掛けをしている訳じゃありません。ごく一般的なcss+xhtmlです。 上記は作動確認テスト文章。本文は以下。 当方、5月6日よりIE8にアップグレードし使用しています。 とりあえずWEB表示形式がWeb標準モードがデフォルトになり、これは嬉しい。 Firefox、Opera、GoogleChromeなどとほぼ同じWeb表示が出来るようになり（各ブラウザ微妙に違うけど）サイトのレイアウトを修正するのは今後楽になりそうです。 Javascriptの表示も随分高速化され、これも良いカンジ。 、、、、が、何か違和感がある。絶対おかしい。。。 時々、閲覧しているサイトが微妙に動く。ピクピクしてます。なにこれ('Α`) IE8を使用していると、時々文字の大きさが勝手に変化します。サイトによっては、閲覧者が混乱するくらい文字が暴れ回ります。 特に、AdSense広告やMicroAdの468X60
デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」
TOP > Font > デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」 デザインが進化するのに伴い、配布されているフリーフォントもどんどんと新しいものが公開され続けています。そんな中今回紹介するのは、デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」です。 ONE DAY – Free Font on Behance 新しいタイプの、主流のデザインにもマッチするフォントの数々が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Rhetoric Regular on Behance キレイ目でありながら、柔らかさも持ち合わせたフォント。使い方次第
文字にも性格や顔つきがある？？！デザイナーの文字選び＆おすすめフォント１０選
文字にも性格や顔つきがある？？！デザイナーの文字選び＆おすすめフォント１０選 2013年5月31日金曜日 デザイン , フォント , マシュー こんにちは。マシュー藤井です。 今回は、デザイナーの重要な仕事であり、スキルであるフォント選びについて書かせていただきます。デザインにおいて、文字というのはビジュアルを構成するうえで重要な要素です。 など、デザイナーは苦心して最適な文字を探すわけです。そこで、タイトルにもあった通り文字を選ぶうえで、その文字の性格であったり顔つきであったりを考えながら、、一番最適な文字を選ぶわけですね。 ここでいう文字の性格とは「カテゴリー」に該当します。 英字ですと、大きくいうとセリフ体なのかサンセリフ体なのか。スクリプトなのか、モダンフォントなのか？などカテゴリーがあります。簡単にいうと、セリフ体は真面目で固い感じ。 サンセリフ体は柔軟な感じ、スクリプトは優雅な
ヘルベチカとその代用書体 - Re･port-report
こんにちは、やなせです。 もうヘルベチカの話は飽きたかもしれませんが、今週も引き続きヘルベチカを掘り下げて行きたいと思います＾＾； 突然ですがクイズです。 本物のヘルベチカはA～Cのどれでしょう？ なんかどれも同じにみえますよね... 正解はAです。 A...Helvetiva B...Arial C...Swiss721 BT この問題、フォントに係わる仕事をしている人でもなかなか正解できないと思います。特にAとCは見た目ほぼ同じですもんね。僕も突然聞かれたら、AかCだなとは分かってもAかCかは答えられません。 ↓今回出題のフォント一覧です。 まずArial（発音はアリアル？エーリアル？）。名前は何となく聞いたことありますよね？ この書体はWindowsにデフォルトで入っている標準のサンセリフ体で、ヘルベチカの代用で使われることが多い書体です。ヘルベチカの代用と言われるだけあって、文字
ものかの
File List Printを2.7.0にアップデートしました。 ダウンロードはFile List Printのページからどうぞ。 2.6.0で追加した新機能がさらに便利になりました。 環境設定をウインドウからパネルに変更 環境設定パネルに設定変更を即座に反映できる「リストに適用」ボタンを追加 リストのフォルダをダブルクリックで展開するようにした メインウインドウに列幅を最適化する「列幅を調整」ボタンを追加 メニュー「表示 > 列幅を調整」を追加 メニュー「ファイル > Finderに表示」を追加 Illustratorファイルのアプリバージョン判定も少し改善しました。数MB程度のファイルサイズなら若干速くなったかもしれません。それ以上になると（とくにEPSで）全部読み込んでやっと判定できるようになるので、やはりファイルサイズが大きいほど激遅です…。 File List Printを2.
FontForge - Wikipedia
FontForge（フォントフォージ）はオープンソースのフォント作成プログラム。Linux、UNIX、macOS、Windows、OpenVMSで動作する。旧称は PfaEdit（ピーエフエーエディット）。 TrueType、PostScript、OpenType、SVGなど、数々のフォント形式に対応する。フリーソフトウェアで、BSDライセンスに置かれている。FontForge で作成されたフォントは「スプラインフォントデータベースファイル」(spline font database files) と呼ばれ、拡張子は.sfdが使われる。そのフォントはそれぞれのオペレーティングシステムと言語間で使用可能である。 インターフェースは英語のほか、ロシア語、日本語、フランス語、イタリア語、スペイン語が用意されている。FontForge を使って作られたフォントの一例として、Free softwar
日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。
フォントhack.jpは日本語フォントの総合案内サイトです フォントhack.jpは、日本語フォントの魅力を皆さまお届けするフリーフォント総合案内サイトです。自由にインストールして利用できる、フリーフォントを中心に紹介しております。またフォントなニュースやフォントに関するブログなど書体に特化したコンテンツを提供しています。 フォントとは？ フォントはある様式に従って文字をデザインしてそれをパソコンなどで表示したり、印刷できるようにしたものです。パソコン内では「0」と「1」の組み合わせ(2進法)でデータ化されていますが、液晶画面などに表示するときやプリンターで印刷するときに文字となって表現されます。書体とも呼ばれていますが、これは昔あった写植のなごりで、ゴシック体(カクカクした感じの書体)とかナール(丸文字の書体)などと呼ばれていました。写植とは、写真植字といい、文字が沢山書かれた文字盤の上
窓の杜 - 【NEWS】シンプルな字体で使いやすいフリーのゴシック体日本語フォント「Ume Gothic」
シンプルな字体で使いやすいゴシック体の日本語フォント「Ume Gothic」v0.367が、4日に公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPで動作確認した。現在、作者のホームページからダウンロードできる。 「Ume Gothic」は、フリーのフォント「さざなみゴシック」のひらがな・カタカナ・英数字や、よく使われる漢字を独自のフォントに置き換えたゴシック体フォント。「Ume Gothic」のほか、プロポーショナル版の「Ume P Gothic」「Ume UI Gothic」と、「さざなみ明朝」の字体や字間を調整した「HC Sazanami Mincho」「HCP Sazanami Mincho」の計5種類が1つの配布ファイルに同梱されている。 「Ume Gothic」の字体は、「MS ゴシック」などでは少し右上がりに描かれる、ひらがなの『き』『ま』など
サイトで使用してるフォントを一瞬で調べる方法 - ウェブ屋 Junonet
サイトのデザインを見ていると、「このフォント気になる。なんてフォント?」っとことがよくあると思います。 サイトのソースからCSSを見てパクる？（調べさせていただく）とかすれば、なんとか調べられなくもないんですが、とにかく手間です。 そこで役立つのが、「WhatFontTool」です。一瞬で何てフォントかわかっちゃいます。 GoogleChromeの拡張機能「WhatFontTool」 WhatFont Tool « Chengyin Liu が提供してくれてる「WhatFontTool」。 画像で表示されたフォントは無理なんですが、テキストで表示されているのであればウェブ上で使用してるフォントの種類がカーソルを載せるだけですぐわかります。 さらに、クリックすれば、 Font-Family（フォントの種類） Font-Size（フォントのサイズ） Line-Height（行間のサイズ）
プログラミング用フォント Ricty
お知らせ Ricty および Ricty Diminished は、2010 年代前半には欧文・和文合成プログラミング用フォントとして先駆的でしたが、現在は前時代的な存在となっています。不具合もいくつか確認されています。良質なプログラミング用フォントが数多く登場していますので、それらの利用をおすすめします。 序文 Ricty（リクティ）は Linux 環境での研究・開発を想定したプログラミング用フォントです。テキストエディタやターミナルエミュレータ、プログラミング言語やマークアップ言語に対する使用に適しています。Inconsolata と Migu 1M の合成、および、プログラミング用フォントとしてのいくつかのチューニングを行う生成スクリプトを配布しています。Inconsolata 作者の Raph Levien 氏、Migu 1M 作者の itouhiro 氏、M+ M Type-1
のらもじ発見プロジェクト
古い町並みには、洗練されていないけれど個性的で味のある文字がたくさんあります。このプロジェクトは、そんなステキな文字たちを「のらもじ」と名付け、それを 発見 → 分析 → フォント化 を進めていく活動です。フォントはインストールしてお使い頂けます。 We can find a lot of font in old towns. Those may not be so sophisticated but has unique charm. In this project, we named such characters “NORAMOJI”. We aim to “Find > Analyze > Reproduce” them. Users can intall and use the font.
18 Insanely Addictive Font Games
Typography helps you engage your audience and establish a distinct, unique personality on your website. Knowing how to use fonts to build character in your design is a powerful skill, and exploring the history and use of typefaces, as well as typographic theory, can help. But it doesn't have to be boring. This selection of online and mobile font games will help test and expand both your knowledge
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.bestwebfonts.com/
designmap.info
スマホアプリ「Ingress」をテーマにした英字フォント「Ingress Glyphabet」NOT SUPPORTED
Brandon Grotesque Font | Webfont & Desktop | MyFonts
http://media.tabipedia.net/4192/
TYPOGRAFFIT