// @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css) @font-face font-family: 'Noto Sans TC' font-style: normal font-weight: 100 src: url(../fonts/NotoSansTC-Thin.woff2) format('woff2') @font-face font-family: 'Noto Sans TC' font-style: normal font-weight: 300 src: url(../fonts/NotoSansTC-Light.woff2) format('woff2') @font-face font-family: 'Noto Sans TC' font-style: normal font-weight: 400 src: url(../fonts/NotoSansTC-Regular.woff2) format('woff2') @font-face font-family: 'Noto Sans TC' font-style: normal font-weight: 500 src: url(../fonts/NotoSansTC-Medium.woff2) format('woff2') @font-face font-family: 'Noto Sans TC' font-style: normal font-weight: 700 src: url(../fonts/NotoSansTC-Bold.woff2) format('woff2') @font-face font-family: 'Noto Sans TC' font-style: normal font-weight: 900 src: url(../fonts/NotoSansTC-Black.woff2) format('woff2') // @font-face // font-family: 'Titillium Web' // font-style: normal // font-weight: 300 // src: url(../fonts/TitilliumWeb-Light.ttf) format('ttf') // @font-face // font-family: 'Titillium Web' // font-style: italic // font-weight: 300 // src: url(../fonts/TitilliumWeb-LightItalic.ttf) format('ttf') // @font-face // font-family: 'Titillium Web ' // font-style: normal // font-weight: 400 // src: url(../fonts/TitilliumWeb-Regular.ttf) format('ttf') // @font-face // font-family: 'Titillium Web' // font-style: normal // font-weight: 600 // src: url(../fonts/TitilliumWeb-SemiBold.ttf) format('ttf') // @font-face // font-family: 'Titillium Web' // font-style: normal // font-weight: 700 // src: url(../fonts/TitilliumWeb-Bold.ttf) format('ttf') // @font-face // font-family: 'Titillium Web' // font-style: italic // font-weight: 700 // src: url(../fonts/TitilliumWeb-BoldItalic.ttf) format('ttf') // @font-face // font-family: 'Titillium Web' // font-style: normal // font-weight: 900 // src: url(../fonts/TitilliumWeb-Black.ttf) format('ttf') //字體 //16px $fontsize-primary: 1em $fontsize-x4s: $fontsize-primary*0.75//12px $fontsize-x3s: $fontsize-primary*0.8125//13px $fontsize-x2s: $fontsize-primary*0.875//14px $fontsize-xs: $fontsize-primary*0.9375//15px $fontsize-sm: $fontsize-primary*1.0625//17px $fontsize-s2m: $fontsize-primary*1.125//18px $fontsize-s3m: $fontsize-primary*1.125//19px $fontsize-md: $fontsize-primary*1.25//20px $fontsize-m2d: $fontsize-primary*1.375//22px $fontsize-m3d: $fontsize-primary*1.5//24px $fontsize-m4d: $fontsize-primary*1.5625//25px $fontsize-m5d: $fontsize-primary*1.625//26px $fontsize-m6d: $fontsize-primary*1.75//28px $fontsize-lg: $fontsize-primary*1.875//30px $fontsize-l2g: $fontsize-primary*2//32px $fontsize-l3g: $fontsize-primary*2.125//34px $fontsize-l4g: $fontsize-primary*2.1875//35px $fontsize-l5g: $fontsize-primary*2.25//36px $fontsize-l6g: $fontsize-primary*2.375//38px $fontsize-xl: $fontsize-primary*2.5//40px $fontsize-x3l: $fontsize-primary*2.75//44px $fontsize-x4l: $fontsize-primary*2.8125//45px $fontsize-x5l: $fontsize-primary*3//48px $fontsize-x6l: $fontsize-primary*3.125//50px $fontsize-x7l: $fontsize-primary*3.75//60px $fontsize-x8l: $fontsize-primary*5.5//88px //顏色 $color-white: #fff //預設 $color-gray: #777777 $color-red: #c6021f //字#重 $fontweight-black: 900 $fontweight-bold: 700 $fontweight-medium: 500 $fontweight-normal: 400 //預設 $fontweight-light: 300 $fontweight-thin: 100 //images 路徑 //一般 $path: "../images/" //套上view // $path: "/lazyweb/web/images/" //字體 $fontfamily-defult: "Titillium Web","Noto Sans TC","Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif $fontfamily-cn: "Noto Sans TC","Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif