글씨체를 적용하는 방법은 이전 포스팅 참고
2025.01.02 - [분류 전체보기] - [티스토리 꾸미기] 블로그홈 이름 글씨체 변경하기
[티스토리 꾸미기] 블로그홈 이름 글씨체 변경하기
글씨체 적용적용한 글씨체 : 빙그레체글씨체 가져오기@font-face { font-family: 'Binggrae'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae.woff') format('woff'); font-weight: normal; font-style: normal;}
yeonee911.tistory.com
/* 텍스트 관련 */
#article-view h2[data-ke-size] { /*본문의 제목1*/
font-family: 'Binggrae';
font-weight: bold !important;
box-sizing: border-box;
border-width: 2px;
border-bottom-style: solid;
border-bottom-color: #F20071;
padding: 5px 0px;
text-shadow: 1px 1px 3px rgb(38 45 64 / 15%);
font-size: 1.62em;
line-height: 1.46;
}- 제목1이라는 말이 무색하게도 코드 상으로는 h2가 지정되어 있다.
- font-family : 글씨체 적용
- font-weight : 글씨 굵기 적용
- !important : 우선순위를 강제로 가장 높게 한다
- box-sizing : border-box :
- border-width : 박스 테두리 굵기
- border-bottom-style : 박스 테두리 중 아래 부분에만 실선으로 적용
- border-bottom-color : 박스 테두리 색깔
- padding : 박스 안으로 얼마나 여유 공간을 두고 텍스트가 시작되느냐
- 상,하 : 5px / 좌,우 : 0px
- text-shadow : 글씨 뒤 그림자 적용
완성본입니다 =^*^=
'PROJECT > 티스토리 꾸미기' 카테고리의 다른 글
| [티스토리 꾸미기] 리스트 크기/색상/모양 바꾸기 (0) | 2025.01.02 |
|---|---|
| [티스토리 꾸미기] 블로그홈 이름 글씨체 변경하기 (1) | 2025.01.02 |