본문 바로가기
My_/Management

[티스토리 꾸미기] #4 Color Scripter 글꼴 변경하기

by 낭람_ 2020. 3. 26.
반응형

[Color Scripter 글꼴 변경]


#include<stdio.h>
int main() {
printf("Hello Color Scripter\n");
return 0;
}

- 위에 있는 사진은 ColorScripter의 기본 글꼴이고, 밑에는 제 블로그에 업로드 하면 자동으로 바뀌는 글꼴입니다.

- ColorScipter는 pre태그로 감싸지기 때문에 pre태그의 글꼴을 전체적으로 변경시키면 ColorScripter로 붙여놓은 글들의 글꼴이 변경 됩니다.


+ ColorScripter의 글꼴을 변경하기 위해서 블로그에 폰트들을 넣어 주셔야합니다.

https://security-nanglam.tistory.com/321?category=803368

+ 위 포스팅에서 파일 업로드 까지만 해주세요


- 다시 블로그 관리 - 스킨 편집 - html 편집으로 들어갑니다.


- html에 아래의 script를 넣어줍니다.

<script>
window.onload=function(){
var el = document.getElementsByTagName('pre');
for(var i=0;i<el.length;i++){
el[i].style="background-color: rgb(255, 255, 255); font-family: \"365sunbeams\"; font-size: 10.5pt";
}
}
</script>

- bacground-color를 통해 배경색을 지정할 수 있습니다 (255, 255, 255) 는 흰색입니다.

- font-family를 통해 글꼴을 변경할 수 있습니다. 새로 업로드한 폰트를 넣어주세요.

- font-size를 통해 글꼴의 크기를 변경할 수 있습니다.


반응형

댓글