반응형
글 전체보기를 눌렀을 때
이와 같이 표현되는데,
여기에서는 삐침 없는 글꼴로 변경하고자 한다.
.post-item을 찾아서 변경한다.
.post-item .title {
font-family: GmarketSansMedium ;
font-size: 13.51px;
display: block;
overflow: hidden;
max-width: 98%;
margin-bottom: 4px;
padding-top: 9px;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.4;
font-weight: bold;
}
.post-item .excerpt {
font-family: Nexon Lv1 Gothic ;
font-size: 0.8125em;
display: block;
overflow: hidden;
max-width: 95%;
margin-bottom: 15px;
text-overflow: ellipsis;
line-height: 1.5rem;
color: rgb(164, 164, 164);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
title이 제목, excerpt가 글 부분이다.
나의 경우 제목은 GmarketSansMedium 으로, 글은 Nexon Lv1 Gothic으로 설정하였다.
그 결과 이와 같이 설정되었다.
반응형
'🖥️ IT, 컴퓨터 > 🔍 티스토리 ・애드센스' 카테고리의 다른 글
[티스토리] 최근글/인기글 글꼴 변경 (0) | 2023.02.17 |
---|---|
[티스토리] 카테고리 이름에 마우스 올리면 색깔 바뀌게 만들기 (0) | 2023.02.17 |
[티스토리] 글 카테고리 여러 개 한번에 바꾸기 (0) | 2023.02.17 |
[티스토리] 메인화면에 조회수 많은 글 보여주기, 글꼴 설정하는 법 (0) | 2023.02.17 |
[티스토리] 본문 서식 (제목 / 본문) 변경하기 (0) | 2023.02.17 |
댓글