CDN 그림설명

💡

Content Delivery Network : 정적 파일을 전세계적으로 서버를 만들어서 세팅해두는 것

그림

Client가 Server로 부터 ex01.html을 요청한다.

Server는 ex01.html을 응답한다.

CDN의 a.css파일을 함께 응답한다.

사용법

font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers

The iconic SVG, font, and CSS toolkit - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library files on your websites.

https://cdnjs.com/libraries/font-awesome

위 링크에 들어가서

주소 복사 후

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

href에 덮어쓰기 한것을 헤드태그에 붙여넣기

복사 후 붙여넣기


<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>

<body>
    <i class="fa-solid fa-magnifying-glass"></i>
</body>

</html>

그림

사용법

결과

More articles

버튼 만들기 예제

Position 속성

CSS 파일 만들기

CSS 기본 지식