인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

개발스터디님의 프로필 이미지
개발스터디

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩마켓 최종 구현

pre태그

작성

·

1.1K

1

줄바꿈 문제를 해결하기 위해 div태그를 pre태그로 마지막에 변경하셨는데, 저는 변경하고 나니까 굴림체가 되더라구요(ㅋㅋㅋ) 왜 혼자 굴림체인 건가요?ㅜㅜ

바꾸려면 css에서 글씨체 변경해주면 될 것 같은데 div태그와 같은 글씨체로 설정해주려면 어떻게 써야하는지 궁금합니다.

답변 1

1

그랩님의 프로필 이미지
그랩
지식공유자

pre tag는 줄바꿈을 인식해주는 태그입니다! 

보통 폰트는 시스템 폰트(현재 브라우저에서 설정된, 혹은 웹에서 지정한)를 기본으로 가져갑니다. 따라서 사용자마다 폰트가 다를 수 있 있습니다!

만약 폰트를 따로 지정해주고 싶다면 CSS의 font-family 속성 활용하시면 됩니다 :)

참고: https://lcw126.tistory.com/134

개발스터디님의 프로필 이미지
개발스터디

작성한 질문수

질문하기