With over a decade of experience, we have the expertise to make for millions. We take ideas and form them into the perfect experience for brands and customers.
フォントのサイズの単位に何を使ってますか? px? em? それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
Google Web Fonts!! はてなダイアリーは、今のところ多くのWeb Fontサービスが使えないのですが、Google Web Fontsは、無理やり使う事ができました。このブログでも一部使ってみています。 使い方 Google Web Fontsから使いたいフォントを選択 ページ中の「Use this font」を選択 ページ内のCSSファイルのパスをコピー はてなダイアリーの管理ページ→「デザイン」→「詳細デザイン」→「スタイルシート」欄で以下のようにCSSを@importで指定 @import "http://fonts.googleapis.com/css?family=Lobster"; 上の@import指定をした、下の行あたりに、フォントを変えたい部分にfont-familyを指定 @import "http://fonts.googleapis.com/css?
お知らせ Ricty および Ricty Diminished は、2010 年代前半には欧文・和文合成プログラミング用フォントとして先駆的でしたが、現在は前時代的な存在となっています。不具合もいくつか確認されています。良質なプログラミング用フォントが数多く登場していますので、それらの利用をおすすめします。 序文 Ricty(リクティ)は Linux 環境での研究・開発を想定したプログラミング用フォントです。テキストエディタやターミナルエミュレータ、プログラミング言語やマークアップ言語に対する使用に適しています。Inconsolata と Migu 1M の合成、および、プログラミング用フォントとしてのいくつかのチューニングを行う生成スクリプトを配布しています。Inconsolata 作者の Raph Levien 氏、Migu 1M 作者の itouhiro 氏、M+ M Type-1
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
チャットやメール等で、もっと人間味あふれるフォントが使いたいと思い、 作成したフォントです。スーパファミコンで、MOTHER2というゲーム があったのですが、その中に登場する "どせいさん" で使われていたフォントを参考にしました。 なお、このフォントには、ひらがなとカタカナと半角数字および半角記号 がデザインされています。 MOTHERについては、みじピン2号さんの ページに色々な情報があります。 (相互リンクさせてもらいました。) カタカナのフォントもデザインしたビトマップファイルがあります。 カタカナは、このデザインを参考にして作ってみました。 Windows95をお使いで、使ってみたい方がいらっしゃいましたら、 dosei.lzh (1,473,567B) last updated on 7th Mar. 1999 をダウンロードして下さい。 インストールするには、ダウンロードした
【お願い】使用言語登録のお願い(お知らせ) グリフウィキにようこそ! グリフウィキ(GlyphWiki)は、明朝体の漢字グリフ(漢字字形)を登録・管理し、皆で自由に共有することを目的としたウィキです。 一般的にフォントや個々の漢字グリフの管理は面倒ですが、グリフウィキでは簡単に漢字グリフをデザインすることができ、さらにウィキですので漢字グリフ1つ1つを独立して管理できます。また、グリフを集めてフォントを作り、即座に公開することができます。 グリフの管理は誰でも可能です。また、登録されているグリフは自由に使うことができます。自分が必要なグリフを必要なだけ登録し、既に登録されているデータの一部と合わせ、まとめてフォントにすることができます。現在1,000,000を超える量の漢字グリフが登録されています(別名同字形グリフを別カウントの場合)。 あなたの持っている外字データ・異体字データをグリフウ
織田信長 ぼちぼち、元気にやっています。少し薬にも慣れた...んかなぁ。相変わらず食べられないけど。朝、指がこわばって文字なんて入力できなかったけど、それはほぼなくなった。関節もどこも痛くない。薬効いてきたんやろな。 で、ブログを書こうと言う気がまた起きてきた。 …
ポップでキュートな『Pico-Alphabet Black & White / ピコ・アルファベット(ブラック&ホワイト)』です。小文字と大文字でいくつか違う文字があります。ダウンロード開始は2001年。2007年, 2008年7月にバージョンアップしています。現在 Version3.0。 問い合わせがとても多いので追記。『Twitter』のロゴに似ていると評判のこのPicoですが、似ているのではなくて、まさこのフォントを使用してデザインされています。『t, w, i, r』に限ってはそのまま使用(最初の1文字目の『t』は初期バージョンのデザイン)、並んでいる『tt』の2文字はカーブがアレンジされています。『e』は他のフォントです。 ※ 2010年9月にリニューアルされた、新しいTwitterのロゴタイプは、同じくこのPicoを元に、全ての文字にアレンジが加えられ、よりスタイリッシュなロゴ
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 please notify us. All fonts have been collected from around the web, and are maintained with all files intact. Pri
The GreyscaleBasic typeface is completely free to download and use in any way for any purpose desired. If you end up using the typeface in a commercial environment, please consider a donation. You dont need a paypal account to donate just a credit card, no amount is too small to keep the free fonts flowing, thanks! "GreyscaleBasic" Copyright © 2007 Greyscale
先日から、ずっと頭に引っ掛かっていたYUIのFonts CSSのbody * { line-height: 1.22em;}という指定。はてなの人力検索でも質問してみたのですが、結局分からずじまいで、仕方がなく、自分でマークアップしてテストしてみました。どうやら、id:b-windさんがおっしゃるように、この「*」全称セレクタがキーになるようです。 まず、おさらい。 そもそも、なぜこのline-heightに疑問を感じたのかは、このエントリー。Lucky bag::blog: line-height の値には単位なしが良いとされる理由。はてブの数からしても読んだ人多いんじゃないでしょうか。まず、このコードについて、こちらでもテスト用に作ってみました。Lucky bagさんとほとんど同じコードです。 YUI Fonts CSSのline-hight: 1.22em;は何なのか?その1。 li
Flash&FlexからYahooのウェブAPIを利用できる公式ライブラリ「Yahoo! AS3 API ... 次の記事 ≫:サイトに使えるCSSベースのクールなメニューナビゲーション8個 lalit dot lab Javascript code to Detect available Fonts using Javascript and CSS. I wrote a Javascript code which can be used to guess if a particular font is present in a machine. JavaScriptでマシンに特定のフォントがインストールされているか知る方法。 Firefox 2 , IE6, Opera9/10 でテスト済みらしいです。 ダウンロード可能な形では提供されていませんが、ソースを見ると、Detectorという
Yahoo! UI Library: Fonts CSSを知ってから、CSSを書く際にfont-sizeは大体このライブラリを読み込ませてから使っています。ただし、Operaで表示する際には、気をつけたほうがよさそうな点があったので、メモしておきます。 Fonts CSSはどういう構造になっているのか詳細は分かりませんが、とりあえずクロスブラウザで同じフォントサイズを実現してくれる摩訶不思議なライブラリ。デフォルトのフォントサイズ、つまりfont-size: 100%;は13pxになっており、それからfont-sizeをパーセントで指定することによって、pxでフォントサイズを指定するような感覚で、フォントサイズを指定することができます。 ただし、Operaにおいては、フォントサイズを100%以下、つまり12pxなどにするときはフォントがほかのブラウザより、小さく表示されるバグがあるようです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く