font 2

[Blog] 티스토리 글꼴 바꾸기 (네이버 무료 배포 글꼴 적용하기)

티스토리 웹 참조로 폰트변경 해보기.폰트를 변경하는 방법은 크게 두가지로 나눠진다.1. 직접 참조 (폰트 파일 업로드)말 그대로 폰트파일을 서버에 업로드하여 해당 폰트를 직접 참조하는것이다.아래 highlight.js 내부의 폰트를 변경한 방법이 직접 참조에 해당한다.   [Blog] highlight.js 폰트 변경 하기 (D2 Coding 폰트 티스토리 적용) highlight.js에 쓰이는 폰트를 변경해보자.제목 라벨과 Copy버튼을 넣고 가만히 보고 있었는데 뭔가 자꾸 어색한 느낌이 들어서 뭐 때문인지 몰랐다가 Visual Studio를 켜고난뒤에 알았다. 폰트가 코딩 mirwebma.tistory.com 2. 외부 참조 (URL 참조)이번에 해볼방법은 외부 참조이다. (사실 직접..

Blog 2025.01.11

[CSS] Font-weight (글씨 굵기) 속성 자세히 알아보기

CSS font-weight 글씨 굵기CSS font속성중 weight는 글씨의 굵기(웨이트)를 설정합니다.예제 See the Pen Untitled by 날개를달다 (@pmdgstri-the-flexboxer) on CodePen. 기본적으로 normal과 Bold 두가지를 많이 사용합니다.그리고 숫자 100부터 900까지의 100단위로 속성이 있는데400은 normal과 700은 bold와 같은 굵기 입니다.현재 예제에서는 아무리 숫자를 바꿔도 normal과 bold 두종류 밖에 설정되지 않습니다.그 이유는 글꼴마다 지원하는 굵기가 정해져 있기때문입니다.더 얇은 굵기나 더 굵은 굵기를 지원하는 글꼴을 따로 찾아서 적용해야 100~900사이의 숫자가 의미가 있습니다.특수한 경우 ..

CSS 2025.01.06