테스트 사이트 - 개발 중인 베타 버전입니다

부트스트랩에서 한글 폰트를 어떻게 바꿔야하나요? 채택완료

삑사리맨 8년 전 조회 13,969

제목 그대로입니다.

돋움체가 너무 별로라서, 예쁜 무료 폰트로 바꿔볼려구요.

대략적으로 웹폰트로 변환한 다음, 업로드 한 뒤 css에 선언을 해주면 될 것 같긴 한데,

어느 파일에 어떻게 해야하는건지 자세히는 잘 모르겠습니다.

부트스트랩 한글 폰트 변경 해보신 분들 혹시 계신가요?

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
8년 전

bootstrap.css 파일 body태그 

body {

font-family: "Helvetica Nene", Helvetica, Arial, sans-serif; /*이부분 수정*/

font-size: 14px;

line-height: 1.42857143;

color: #333;

background-color: #fff;

}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

하찌
8년 전
버전에 따라 html 태그에 있을 수 있고
body태그에 있을 수 있습니다
삑사리맨
8년 전
빠른 답변 감사드립니다. 실례지만 궁금한게 있는데, 폰트 패밀리에는 폰트 이름을 뭘로 정의하는건가요? 예를 들어 배달의 민족 주아체면 영어로 뭐라고 쓰는 건가요? 웹폰트 적을 때 영어 이름을 무엇으로 적어야 하는지 잘 모르겠습니다. 일단 저도 좀 검색을 하고 오겠습니다!!
하찌
8년 전
font-family:'BM JUA','배달의민족 주아',sans-serif; 입니다
삑사리맨
8년 전
font 폴더에 웹폰트 업로드 한 뒤에,
(SDSwaggerTTF 라는 이름으로 eof, woff, ttf 를 업로드 했습니다.)


bootstrap.css 에서


body {
font-family: "SDSwaggerTTF", 스웨거, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;

이렇게 변경했는데 한글폰트가 적용이 안되네요.
뭐가 문제일까요?

저기서 폰트 사이즈를 바꾸면, 사이즈는 바뀐게 잘 적용되는데 말이죠;
글꼴은 아직 그대로네요. 제가 뭘 놓친 걸까요
삑사리맨
8년 전
자답입니다. fontface 로 해결했습니다 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

8년 전

bootstrap.min.css 입니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

삑사리맨
8년 전
min 은 용량을 줄인 파일로 알고 있는데, bootstrap.css 에 작업하면 안되는건가요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인