Bạn có thể sử dụng bất kỳ font mà bạn muốn trong phần tùy chỉnh font chữ của blogger, tuy nhiên mặt hạn chế khi sử dụng cách này đó là font chữ sẽ được hiển thị đúng khi người xem đã cài đặt font chữ trên thiết bị của họ. Ở bài viết này mình sẽ hướng dẫn cách cho phép bạn sử dụng bất kỳ font chữ trên blog của bạn và các phông chữ sẽ có thể xem được cho người xem ngay cả khi họ không có các font chữ được cài đặt trên thiết bị của họ.
Google Fonts API
Trước hết bạn vào https://www.google.com/fonts để chọn font chữ thích hợp cho blog của mình. Mình nghĩ đây là phương pháp tốt nhất để thêm phông chữ tùy chỉnh vào blog blogger của bạn, nếu blog bạn viết là tiếng Việt thì nên chọn Vietnamese như hình dưới, tuy nhiên sẽ hạn chế vì số lượng font dành cho tiếng Việt hơi ít :(
Lấy code của font chữ và chèn vào template
Chọn được font chữ ưng ý cho blog bạn click vào biểu tượng như hướng dẫn bên dưới
Cách sử dụng
Mình sẽ ví dụ sử dụng font chữ Patrick Hand SC với đoạn mã lấy được là:<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC&subset=latin,vietnamese,latin-ext' rel='stylesheet' type='text/css'>Vậy nếu muốn sử dụng font chữ này cho toàn blog mình sẽ viết CSS như sau
body {Hoặc nếu muốn chỉ áp dụng font chữ trên cho thẻ h1 trên blog
font-family: 'Patrick Hand SC', serif;
}
h1{Tất nhiên đây chỉ là 2 ví dụ đơn giản, bạn có thể tùy chỉnh áp dụng font chữ trên đối với từng thành phần nào đó trên blog cũng như kích thước, màu sắc...
font-family: 'Patrick Hand SC', serif;
}
Bạn có thể vào link sau để tìm hiểu thêm cách sử dụng cũng như tùy chỉnh font chữ sao cho đẹp nhất
3 comments
http://i.imgur.com/RJSxpkD.jpg
Cảm ơn bạn đã ghé thăm Troll VL !
Insert Emoticons» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>
Mã Hóa Code Tạo và xem trước comments Cancel Reply
&Convert
'Convert
"Convert
<Convert
>