Hướng dẫn thêm bộ font Awesome, Roboto vào Blogspot

Hướng dẫn thêm bộ font Awesome, Roboto vào Blogspot

Awesome, Roboto là hai bộ font được sử dụng rất rộng rãi trong Blogspot, công dụng và cách sử dụng của chúng thì mình không nói tới trong bài viết này. Dưới đây chỉ là hướng dẫn thêm hai bộ font trên vào Blogspot template của bạn mà thôi:
Thêm đoạn Script dưới đây lên trên thẻ </head> hoặc &lt;/head&gt;&lt;!--<head/>--&gt;:

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
//]]>
</script>

Nếu Blog của bạn sử dụng Tiếng Việt thì sử dụng đoạn Script sau thì font Roboto sẽ không bị lỗi:

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500&subset=vietnamese,latin,latin-ext");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
//]]>
</script>

Lưu lại Template.