text 20180419 TOP构筑初期设定

Posted 2021-05-02

★20190425
#カーニング
font-feature-settings:"palt";

★20180823
▼common.scss
html {
	font-size: small;
	line-height: 1.8;
	letter-spacing: 0.15em;
}
#page {
	@include mq(pc_tab) {
		font-size: 100% !important;
	}
	@include mq(tab_sp) {
		margin-top: 51px;
	}
	@include mq(min_max_w,470px,700px) {
		font-size: 120% !important;
	}
}

★20180419
▼common.scss
下記SPフォント設定-4でも大きく感じる時あり(エルイン基本16時)
あとそもそも%設定がよくなさそう、、一度pxでやってみるのもあり
特に766～500がひどいので、、

★20180406
▼common.scss
下記-1の数を減らすことでSP時の基本fontサイズを落とせる。
初期は-1、これを-2,-3くらいにすると良さそう。
body {
  @include mq(tab) {
		@include fsz($baseSize - 2,13);
	}
	@include mq(sp) {
		@include fsz($baseSize - 4,13);
	}
}

★180207
metaにindex追記する際
if($page == 'product' && $index=='detail') {
    $meta['title'] = '製品紹介 詳細 | '.TITLE;
    $meta['keywords'] = KEYWORDS.',製品紹介 詳細';
    $meta['description'] = DESCRIPTION;
}

▼common_scc.php
<link href="//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
<link href="<?php echo location_file; ?>css/components.css" rel="stylesheet" type="text/css" media="all">

▼_setting.scss(上書きでなく追記)
メインカラム、フォントのベースサイズ、フォントのベーカラー を設定
@mixin fsz_r($pc, $tab, $sp){
  @include fsz($pc);
  @include mq(tab) {
    @include fsz($tab);
  } @include mq(sp) {
    @include fsz($sp);
  }
}

//----------------------------------------------//
// *Font                                    //
//----------------------------------------------//
//ゴシック
$f_got: "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;

//明朝
$f_min: "ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho","Times New Roman", serif;

//英字
$f_eng: 'Concert One', cursive, serif;

メインカラムからPC終わりまでを95%に設定
// コンテンツ幅 - baceWidth
%bw {
	max-width: $columnWidth + px;
	margin: auto;
	@include mq(min_max_w,1025px,1240px) {
		width: 95%;
	}
	@include mq(tab_sp) {
		width: 95%;
	}
}

▼common.scss(コメントアウト解除)
text-decoration: underline;をnoneに
color: lighten($baseColor, 20%);をコメントアウトor削除

// border-box
* {
    @include box-sizing(border-box);
}

▼meta.php
TITLE記載