Đây là font mình tìm được trên Google Fonts, vì nhìn nó khá là đẹp nên mình cài vào blog để dùng luôn! Cùng tìm hiểu nào!

FONT JOSEFIN SANS

Demo

DEMO TRỰC TIẾP

HƯỚNG DẪN CÀI ĐẶT

B1: Thêm đoạn code sau vào giữa cặp thẻ head

       <link rel="preconnect" href="https://fonts.googleapis.com">
       <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
       <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">

B2: Thêm đoạn code dưới vào đầu của cặp thẻ body

<style>body { font-family: "Josefin Sans", sans-serif; font-optical-sizing: auto; font-weight: auto; font-style: normal;}</style>

hoặc tìm thẻ body ở header hoặc index và thêm đoạn CSS dưới đây vào

font-family: "Josefin Sans", sans-serif; font-optical-sizing: auto; font-weight: auto; font-style: normal;

B3: Quay về trang chủ và thưởng thức thành quả!

DOWNLOAD

{cloud title="Download Font Jofin Sans" type="360" url="https://fonts.gstatic.com/s/josefinsans/v32/Qw3EZQNVED7rKGKxtqIqX5EUCEx1XHgOiJM6xPE.woff2" password=""/}