Google 글꼴이 부트 스트랩과 작동하지 않습니다.

Question

페이지에서 Google 글꼴을 사용하려고합니다.

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'> 

을 그리고 내 CSS에서 : 내 HTML에서 내가 사용

@import url('http://fonts.googleapis.com/css?family=Open+Sans'); 

아직도이 굴림에 남아 속성 글꼴 - 가족과 함께 "열기 산세"를 사용 whenI.

body 
{ 
    background-color: #F1F1F2; 
    font-family: "Open Sans", Arial; 
} 

Answer 1

모든 웹 페이지에서 Google 글꼴을 사용하는 것은 매우 쉽습니다. 글꼴을 비동기 적으로로드 할 수 있습니다.

당신이 구글 글꼴을 제공하는 직접 코드를 사용하지 않고 단순히 다음 URL을로드하는 경우 : 당신은 소스 코드 (CSS)를 표시 할 것

http://fonts.googleapis.com/css?family=Open+Sans:400,600

합니다.

이제 표시된 코드를 복사하여 웹 사이트의 CSS 소스에 붙여 넣으십시오. 충분

body 
{ 
    background-color: #F1F1F2; 
    font-family: 'Open Sans', Arial; 
} 

을 그리고 그것은 작동합니다

당신은 다음을 사용하여 웹 페이지에 선택한 구글 폰트 (들)를 사용할 수 있습니다.

Answer 2

우선, 두 번 할 필요가 없습니다. 어떤 종류의 FONT ASSOCIATION이면 충분합니다 !!

@import 초과 사용으로 인해 오버 헤드가 발생할 수 있습니다.

일반적으로 글꼴을 무시

부트 스트랩 (당신이 그것을 사용하는 경우) ->font-family:"Helvetica Neue",Helvetica,Arial,sans-serif

작업 데모 ->Click here

주 : 나는 외부 자원으로 글꼴을 추가했습니다. 제대로 작동하는 것 같습니다!

Answer 3

Google 글꼴 용 CSS 다음에 부트 스트랩이로드되고 있다는 느낌이 들었습니다. 이 CSS를 가져 오는 점을 찾기 :

는

@import "bootstrap-sprockets"; @import "bootstrap";

그 다음은 부트 스트랩에 의해 덮어 쓰기되지 않았는지 확인하기 위해 그 후 귀하의 Google 코드를 추가합니다.

행운을 빌어 요!