ご利用方法

行サイズ調整機能

ブラウザやOSの違いによって、テキストの表示位置が変わる現象を軽減できる機能についてご説明します。

利用方法

下記オプション画面でご希望の機能を選択してください。

設定画面のスクリーンショット:表示位置ズレの自動調整をするかしないかを選択できます。自動調整する場合は、「Windows仕様に合わせる」か「Mac OS X仕様に合わせる」かを選択できます。

1. ブラウザへの対策

表示位置ズレの自動調整で「する」を選択してください。

選択前

IEでは表示位置にズレはなく、ChromeとFirefoxでは下にズレて表示されます。

選択後

IE、Chrome、Firefoxのいずれも表示位置にズレがなく表示されます。

2. OSへの対策[行サイズ切替]

表示位置ズレの自動調整で 「Windows仕様に合わせる」 または 「Max OS X仕様に合わせる」 を選択してください。

選択前

WindowsとMac OS Xで行サイズが異なっています。

「Windows仕様に合わせる」選択後

WindowsとMac OS Xのいずれも、Windowsと同じ行サイズに揃います。

「Max OS X仕様に合わせる」選択後

WindowsとMac OS Xのいずれも、Mac OS Xと同じ行サイズに揃います。

※行サイズとは・・・Webページ上でテキストをドラッグした際にハイライトされる領域の高さを指しています。

注意事項

1. すでに利用中のWebページに機能を追加したい場合

スクリプトタグの変更が必要となりますので、A または Bのいずれかを行ってください。

  • A.「表示位置ズレの自動調整」機能を選択の上、スクリプトタグを再発行し、差し替えてください。
  • B.スクリプトタグの後方に次のパラメータを追記してください。
対策名パラメータ
ブラウザへの対策&aa=1
OSへの対策Windows仕様に合わせる&ab=2
Max OS X仕様に合わせる&ab=1

記述例:ブラウザ対策とOS対策(Windows仕様)を利用したい場合

<!--  パラメーター付与前 -->
<script type="text/javascript" src="http://webfont.fontplus.jp/accessor/script/fontplus.js?xxxxx" charset="utf-8"></script>

<!-- パラメーター付与後 -->
<script type="text/javascript" src="http://webfont.fontplus.jp/accessor/script/fontplus.js?xxxxx&aa=1&ab=2" charset="utf-8"></script>

※すでにcssのline-height等で微調整を行っているWebページに「表示位置ズレの自動調整」機能を使うと、表示位置が変わる可能性がありますのでご注意下さい。

2. 機能を利用したくない場合

表示位置ズレの自動調整「しない」を選択してください。

※標準設定が「する」になっているため。