티스토리 뷰

코딩

css-웹페이지의 폰트바꾸기

남평HILL 2024. 8. 1. 08:02

목차



    반응형

    웹페이지의 폰트를 바꿀 수 있습니다. 지금까지는 웹페이지의 모든 텍스트를 브라우저의 기본 설정 폰트(크롬의 경우 타임스 뉴 로만)로 표시했습니다

     

     

     

     

       

     


     

    위의 코딩은 기본적인  'this is some text' 텍스트출력을  보여주는 코딩입니다 여기에 스타일을 추가해보겠습니다 

     

    body  { 

                 font-family: cursive;

    }

     

     

     

    폰트를 cursive체로 바꿨습니다  그럼 위의 결과물과 어떻게 달라졌는지 보겠습니다 

     

     

     

     

     


    글씨체가 예쁜 cursive 체로 바뀌었습니다 

     

     

     

    지금까지 제가 블로그를 만든 과정을 보시면 하나 하나 설명드린 것을 적용해서 만들고 있기때문에 블로그 글들이 조금씩 변해가는 모습을 보실 수  있습니다 

    반응형

    '코딩' 카테고리의 다른 글

    CSS- 텍스트정렬  (0) 2024.08.01
    css-웹페이지의 텍스트스타일 바꾸기  (0) 2024.08.01
    CSS-text상자 테두리를 둥근모서리로 만들기  (0) 2024.07.31
    css - text구성요소 테두리만들기  (0) 2024.07.31
    CSS-패딩  (0) 2024.04.24