2016-09-22 3 views
1

나는 부트 스트랩 SASS와 기본 글꼴을 변경 막 있었고, 난 이걸 발견 :부트 스트랩이 왜 Sass에 두 개의 글꼴을 가지고 있습니까?

//== Typography 
// 
//## Font, line-height, and color for body text, headings, and more. 

$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default; 
$font-family-serif:  Georgia, "Times New Roman", Times, serif !default; 

이러한 맥락에서 산세 리프와 리프의 차이점은 무엇입니까? 내 페이지를 검사하면 모든 글꼴이 Helvetica Neue입니다.

헬리콥터 노이에 (Helvetica Neue)를 사용하고 있다면 세리프/조지아는 어떻게 활용됩니까?

+0

기본 글꼴 집합이 serif 인 경우? ..... 그들은 serif와 sans-serif 사이를 전환 할 수있는 옵션으로 존재합니다. – DaniP

+0

'기본'의 의미를 자세히 설명해 주시겠습니까? 그것이 serif와 sans-serif 사이에서 언제 변화 할 것입니까? – ProEvilz

답변

0

이들은 서체 또는 산세 리프를 원할 경우 글꼴의 base 스타일을 변경하기위한 옵션 일뿐입니다. !

$ 글꼴 - 가족 산세 리프 :

이 세 가지 기본 스타일 만들기 : 그들은이 이렇게 "헬 베티 노이에", 돋움, 굴림, 산세 리프의 기본을;
$ font-family-serif : 조지아, "Times New Roman", Times, serif! default;
$ font-family-monospace : Menlo, Monaco, Consolas, "Courier New", monospace! default;

그런 다음 기본 VAR에 sans-serif을 설정

$ 글꼴 - 가족 기준 :! $ 글꼴 - 가족 산세 리프의 기본;

그리고 body의 글꼴 가족을 정의하는 데 그 기반을 사용하므로 모든 문서 : 당신이 테마를 사용자 정의 할 경우


다른 옵션

body { 
    font-family: $font-family-base; 
    font-size: $font-size-base; 
    line-height: $line-height-base; 
    color: $text-color; 
    background-color: $body-bg; 
} 
가 모든 문서를 serif 또는 monospace로 빠르게 변경하십시오.

+0

또 다른 이유는 일부 글꼴 이름이 ""으로 묶여 있고 일부 글꼴 이름이 아닌 이유는 무엇입니까? – ProEvilz

+1

@AshleyBrown 글꼴 이름에 공백이 있으면 따옴표를 사용해야합니다. – DaniP

관련 문제