Webの記録

フォントサイズの単位変換が楽に出来る「PXtoEM.com」

投稿日:

この記事は約 2 分で読めます。

Webサイト制作で、コーディングをしていく時に、フォントサイズを計算しなくちゃいけない事があります。

単位が違う(px、em、ptなど)場合、なかなか計算が面倒くさいデス!(笑)

そんな時に便利なサイト「PXtoEM.com」を見つけたので、メモします♪

これで楽に早くコーディングが出来るなら、使わなくちゃ!デス★

使い方

PXtoEM.com」にアクセスします。

使い方は2通りです。

3列のうち1番左側の一覧表から、サイズを選んでクリックします。
すると、隣の列の数値が自動計算されて表示されます!
(注)24px以上の数値は、次に紹介する右の列の一覧を使います。

1番右側の列の一覧表。
こちらはボックスに値を入れる事で、サイズを計算してくれるというものです。24px以上の数値の場合はこちらを使います。

多分、実際に使ってみたら・・・説明せずとも、すぐに使い方がわかると思います。

使い方も見方も簡単ですぐにサイズがわかるので、コレで効率よく作業が出来そうです!
便利です~♪

-Webの記録
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

関連記事

no image

フッターをブラウザの下部に固定する方法

この記事は約 1 分で読めます。 コンテンツが少ない場合、フッターの下に余白が出来てしまいます。 さすがに、ちょっと気になる・・・ってワケで、今回はフッターをブラウザの下部に固定する方法をいろいろ試し …

no image

Photoshop で入力したテキストの「縦書き」「横書き」を変更する方法

この記事は約 1 分で読めます。 Photoshopを使うようになってもう何年も経つのに、意外と知らずに無駄な事をしていたり・・・が多かったりします。。。 効率よく作業するには、やっぱり便利な方法は活 …

no image

無料で簡単!アイコンフォント「Font Awesome」を使ってみた

この記事は約 1 分で読めます。 先日SNSアイコンをつけた時に、アイコンフォント「Font Awesome」を使用しました。 無料で、初めてでも簡単に使えるアイコンフォント「Font Awesome …

no image

サイトマップを作ってみた♪

この記事は約 1 分で読めます。 Webサイトを作った後にするコト。 検索エンジンにページの存在を知らせ、クローラーの巡回を促すために作る「sitemap.xml」を作りたいと思います。 いくつもある …

no image

Webサイト移転の時に自動的にジャンプする方法

この記事は約 1 分で読めます。 たまたまいじっていたサイトでサーバーを移転する事になりました。 そんなワケで、ちょこっとメモ。 今回、独自ドメインをとっていなかった為、URLが変わります。 その場合 …