font-sizeのパーセント表記一覧 - Webtech Walker
font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
Firefox、フォント調査機能をNightlyに追加
Firefox web browser - Faster, more secure & customizable Webデザイナの視点としては、さまざまなサイトを閲覧しているときに、Webページに表示されているフォントの情報を知りたいと思うことがある。どのフォントを使っているのか調査して、自身のプロジェクトでも使いたいと考えることがある。これまではフォントの情報を知るためにはCSSやHTML、場合によってはJavaScriptを読む必要があった。しかしこれも、将来のFirefoxでは不要になるようだ。 Firefox Nightlyに新しく「Font Inspector」の機能が追加された。これは選択した要素のフォント情報を表示する機能で、対象フォントのフォント名、ファミリー、WebフォントであればURLなどの情報、CSSでの指定、フォントのプレビューが表示される。
フォント管理ソフト、Nexus FontとフォントデータをDropboxに入れてクラウド化 / Maka-Veli .com
Twitterで少し話題になったので書かせていただきます。 （仕事はどうした） Nexus Fontはフォント管理ツールなんですが、 USBでもどこでも起動させる事が出来る点と、 フォントをインストールしていなくても、 同ツールを起動させていればフォントを使用できる特徴があります。 で、これをタイトル通りにするだけなんですが（ヤバイ、もう完結した） 一応順を追ってご説明しますね。 DropBoxにNexusFontをインストール 僕は一旦ローカルにインストールした後、 C:\ Program FilesにあるNexusFontフォルダをそのまま放りました。 ローカルのをアンインストールしても、Dropbox上から起動すれば大丈夫です。 DropBoxに、フリーフォントなど使いたいのを入れる。 まぁそのままポイっと。 第一階層にショートカット作っておくと便利です。
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
米Google、オープンソースのWebフォント集「Font Directory」と「Font API」を公開 | OSDN Magazine
米Googleは5月19日、フリーのWebフォントを集めた「Google Font Directory」と「Google Font API」を公開した。開発者は安全かつ容易にWebページでこれらのWebフォントを利用できるという。 Webフォントは任意のサーバー上にアップロードされているフォントをWebブラウザの表示フォントとして利用する技術で、これにより利用者のPC環境にインストールされていないフォントを表示用フォントとして使用できるようになる。CSS3ではWebフォントを利用するための「@font-face」機能が備えられており、すでにOperaやSafari、Firefox、Google ChromeなどのWebブラウザでサポートされている。しかし、商用フォントは利用や配布に制限が課せられていることが多く、ライセンス的な問題が起こりうる点が指摘されていた。 Google Font D
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
WhatTheFont : MyFonts
To identify a font from an image, use a font finder or font identifier. These tools are great for finding the name of a font or similar alternatives. All you need to do is upload an image of the text by having it readily available on your device or taking a photo. Yes, WhatTheFont is a simple and easy font finder that can help you identify fonts. Just upload an image of the font you need identifie
CSS Font Stack - The long awaited CSS font stack resource.
What are Web Safe Fonts? Web safe fonts are fonts that are pre-installed by many operating systems. While not all systems have the same fonts installed, you can use a web safe font stack to choose several fonts that look similar, and are installed on the various systems that you want to support. If you want to use fonts other than ones pre-installed, as of CSS3, you can use Web Fonts.
Typetester Compare fonts for the screen
Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.
IEで起こるfont-familyでの日本語フォント有無による文字サイズの変化バグ
ネタ元：font-familyの憂鬱 - Webtech Walker 以前から気づいていたのですが、 ％でfont-sizeを指定していると、 IEだけなぜか他より少し大きくなっていた。 フォントの問題なんだろうなって思っていたけど、 こればかりはどうしようもないなとあきらめていた。 文字コードがUTF-8で、日本語フォントを指定しないと、IEはフォントサイズ11px相当の文字を12px相当の大きさで表示させてしまします。 font-familyの憂鬱 - Webtech Walker そんな時にネタ元のエントリーを見つけたのだが、 本当にそれだけで変化するのか！？ と不思議に思ったので検証してみることにした。 CSSの設定など 今回のCSS設定は日本語フォントの指定ありと無しを用意した （fontの部分だけ抜粋） ◎日本語フォント指定無し body{ font-size: 10px;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Font Converter
Fontello - icon fonts generator
https://www.fontsquirrel.com/tools/webfont-generator
Simple, easy and well designed softwares
CSS3のWebフォントを使ってみよう | ここまでできる！CSS3 | Think IT（シンクイット）
Google Fonts | Google for Developers
Wordmark
