[css]fontello/ CSS기본 완강

JINN·2023년 7월 1일
1

fontello 서비스

특정한 문자가 특정한 벡터방식(확대해도 깨지지않음)의 이미지(폰트)로 표현되게 할 때 사용하는 서비스이다.

fontello사이트는 여러 폰트 공급자들의 폰트를 하나로 모은 포털이이다.

(유니코드: 전 세계의 컴퓨터가 공통적으로 처리할 수 있는 문자들의 표준)
유니코드와 같이 fontello 데모 페이지의 각 폰트에 대한 고유 이름이 있다.
이 고유 이름을 body태그에 입력해주고,
style 태그에서 body의 font-family를 fontello로 설정해주면 적용이 된다.

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/fontello.css">
    <style>
        body{
            font-family: "fontello";
        }
    </style>
</head>
<body>
    &#xe811
</body>

fontello를 마지막으로 CSS기본 강의를 완강했다! 다음은 바로 다트와 플러터로 넘어가자!

profile
가보자고?

0개의 댓글