Google Font “Roboto” & M+ 1p Thin

2013年10月6日 by Piano in Mac & Computer

現在使用中のテーマ Nordic – Retina Responsive WordPress Theme も、残念ながら日本語だと見栄えがよく有りません。組み合わせを探しに探して結局、アルファベットを Google Fonts から Roboto に、日本語は M+Fonts の M+ 1p Thin で。

【広告】


以下、参考までに。

tff からwoff 及び eot への変換は、フリーソフトの WOFFコンバータ(Win, Mac) を使用しました。

CSS の最初に(テーマ Nordic のCSSは、nordic/assets/css/style.css になります)

@import url(http://fonts.googleapis.com/css?family=Roboto:100);
 
/* IE */
@font-face {
font-family:mplus-1p-thin;
src: url(http://*****/mplus-1p-thin.eot);
}
/* Firefox, Opera, Safari */
@font-face {
font-family:mplus-1p-thin;
src: url(http://*****/mplus-1p-thin.woff) format("woff"),
     url(http://*****/mplus-1p-thin.ttf) format("truetype");
     }
 
body {
	position: relative;
}
 
body, a, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', mplus-1p-thin, sans-serif;
}

以下、自分への覚え書き。

メインメニューのフォントカラーを黒に

101行目

#header ul.main_menu li > a, h5.widget-title, h5.section-title, .short-title {
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 13px;
	color: #000000;

サブメニューのフォントカラーを白に。

152行目

.#header ul.main_menu li .sub-menu li a {
white-space: nowrap;
font-size: 12px;
color: #ffffff;
text-transform: none;
}
Tags:


Blog Ranking

にほんブログ村 PC家電ブログ Macへ にほんブログ村 クラシックブログ ピアノへ にほんブログ村 犬ブログ ドーベルマンへ

【広告】

Leave a Reply

atelier piano  /  Blog  /  Mac & Computer  /  Current Page