2014年8月24日日曜日

CSSの font-familyについての参考サイト 2014


参考になったサイトいろいろ。


CSSのfont-family指定に関する考察 2014年版 | セブンシックス

下記について触れられていて、参考になる。

  • ブラウザ/OSのデフォルトフォント
  • Macが全角のfont-familyを無視する件とその例外条件
  • 游書体
  • 大手サイトのfont-family



CSSでのフォント指定について考える(2014年) - DTP Transit(Mac OS X, OS X Mavericks, Web Fonts, Web制作, iPhone, フォント)

Win/Macの日本語/アルファベットのfont-familyのブラウザ別対応状況表あり。
游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks(10.9)ではアルファベット名のみの対応であるため、両名の併記が必要となります。
Osaka−等幅は貴重なOS X唯一の和文等幅フォントであるため、monospaceでは利用します。



ブラウザ、モバイル、OSそれぞれにデフォルトでインストールされている日本語フォント一覧

ブラウザ/OSごとの、指定なし/serif/sans-serifそれぞれのデフォルトフォントを調べている。



「游ゴシック」フォントと「Yu Gothic」フォントの違い - ななふぉ

違うらしい。



「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い - 強火で進め

分かりやすい。


上記を参考に、個人的な好みとしてはこんな感じ?

画面表示用(ゴシック)
font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;

印刷用(明朝)
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", serif;

優先順位は、
  1. 游書体(Win用)
  2. Yu書体(Mac用)
  3. ヒラギノProN(Mac/iOS用)
  4. メイリオ/MS P明朝(Win用)
  5. デフォルトフォント

2014年8月17日日曜日

楽天とAmazonの任意のページについて アフィリエイト用URLを作る方法

楽天

  1. 自分の楽天アフィリエイトのアカウントについての下記のようなURLをどこか(楽天APIとか)から入手する。
    http://hb.afl.rakuten.co.jp/hgc/<この部分はアカウントごとに違う>/?pc=http%3A%2F%2Fitem.rakuten.co.jp%2Frb%2Fxxxxxxxxxx%2F
  2. 上記URLの、"http"以降を表示したいページのURLをURLエンコードしたものに差し替える。

Amazon
  • 表示したいページのURLに"?tag=<自分のアカウントのタグ>"を追加する。
    ただし、ページのURLのにクエリーパラメータがある(URLに"?"を含む)場合は"?tag"の"?"を"&"に変える。
  • Amazon公式のリンクの動作確認ツールがあるので、これで確認するとよい。(タグ追加直後はうまく動作しない?)

動作確認はこれから。

ブログ アーカイブ

tags