Mẹo thay thế Font dễ dàng nhất
Như chúng ta đã biết thì hiện nay có rất rất nhiều Blogger Template khá đẹp và nhiều tính năng không thua gì các nền tảng khác. Bây giờ chúng không chỉ có mỗi giao diện blog không thôi, mà còn cả giao diện báo chí, phim ảnh,... đủ mọi thứ để tùy chọn. Nhưng có một điều mà mình chắc chắn mọi người đều sẽ gặp trong quá trình sử dụng những template đó chỉnh là lỗi font chữ.
Hiện tại thì có rất nhiều font chữ đẹp ở để phục vụ cho việc thiết kế website, nhưng đa phần lại không hỗ trợ Tiếng Việt, và việc thay thế toàn bộ phần css để đổi font thì khá là vất vả, đôi khi tác giả chèn đủ mọi loại chỗ, sidebar, tiêu đều, footer... Bạn vẫn có thể sử dụng Notepad hoặc những trình soạn thảo để thay thế cho lẹ, nhưng mình có cách này cũng khá là đơn giản để chia sẻ cho các bạn.
Đầu tiên bạn tìm đến mã nhúng link của font mà bạn muốn thay thế. Ví dụ như font Oswad, bạn tìm với từ khóa Oswald trong phần code của template bạn, bạn sẽ tìm được một đoạn thế này
Bây giờ bạn vào Google Fonts phần hỗ trợ tiếng việt, chọn một font cho bạn để thay thế, rồi tìm đến mã nhúng để sử dụng cho font đó. Ví dụ mình có mã nhúng font Open Sans
Hiện tại thì có rất nhiều font chữ đẹp ở để phục vụ cho việc thiết kế website, nhưng đa phần lại không hỗ trợ Tiếng Việt, và việc thay thế toàn bộ phần css để đổi font thì khá là vất vả, đôi khi tác giả chèn đủ mọi loại chỗ, sidebar, tiêu đều, footer... Bạn vẫn có thể sử dụng Notepad hoặc những trình soạn thảo để thay thế cho lẹ, nhưng mình có cách này cũng khá là đơn giản để chia sẻ cho các bạn.
Mẹo thay thế Font dễ dàng nhất
Chúng ta cũng biết là hiện tại thì hầu hết mọi người đều lấy font chữ trên Google Fonts để mang về sử dụng, mình sẽ hướng dẫn các bạn mẹo thay thế font qua việc sử dụng font khác hỗ trợ tiếng việt trên đó.Đầu tiên bạn tìm đến mã nhúng link của font mà bạn muốn thay thế. Ví dụ như font Oswad, bạn tìm với từ khóa Oswald trong phần code của template bạn, bạn sẽ tìm được một đoạn thế này
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><b:skin><![CDATA[/*
-----------------------------------------------
KslZone Blogger Template
Name : ABC
Author : KSL
Url : XXX
----------------------------------------------- */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
..................
..................
..................
]]></b:skin>Bây giờ bạn vào Google Fonts phần hỗ trợ tiếng việt, chọn một font cho bạn để thay thế, rồi tìm đến mã nhúng để sử dụng cho font đó. Ví dụ mình có mã nhúng font Open Sans
<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,vietnamese' rel='stylesheet' type='text/css'>@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/59ZRklaO5bWGqF5A9baEET8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}-----------------------------------------------
KslZone Blogger Template
Name : ABC
Author : KSL
Url : XXX
----------------------------------------------- */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/59ZRklaO5bWGqF5A9baEET8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
..................
..................
..................
]]></b:skin>
lúc 14:13 26 tháng 7, 2014
Đầu tiên, mình xin tks bài viết của pác, mình đã làm thành công theo bài viết-comment không liên quan đến bài trên. Chẳng qua là phần tiêu đề trang nằm ở phần bố cục có cái font chữ mặc định ko "iu" cái template mình dùng, trông rất thô, to, xấu.Sau 1 thời gian táy máy mình đã nổi tiết Delete lun. Mong pác có thể hướng dẫn mình điều chỉnh phần tiêu đề trang.
Thứ hai là phần "chưa có voi vẫn đòi hai bà trưng" của mình, mình muốn tạo một banner để làm nổi bật tiêu đề nhưng chưa có kinh nghiệm+ mù tịt về ngôn ngữ lập trình, dùng mặc định trên blogger thì nhìn không ra gì, hỏi google-sama thì hắn cho ra toàn "tắc kè bông chói lóa".Tới đây chắc pác cũng biết mình đang "xin xỏ" vấn đề gì rồi :v.Nếu được xin pác hướng dẫn lun cách tạo một banner ưa nhìn nhưng vẫn làm nổi bật tiêu đề.Tks trước nhé.
lúc 08:53 4 tháng 12, 2014
chào em, nhờ em giúp anh định hình size ảnh đại diện trang chủ, và khi click vào xem thì nó trở về nguyên size gốc. anh loay hoay mãi không biết làm thế nào, nhờ em giúp: http://hotelvnonline.blogspot.com/
thanks em.
lúc 18:28 4 tháng 12, 2014
Tốc độ load trang có bị ảnh hưởng không anh nhỉ?
lúc 20:04 4 tháng 12, 2014
Có chứ em vào Google Fonts sẽ thấy có phần Page Load hiển thị mức độ có thể ảnh hưởng. Em sử dụng càng nhiều tùy chọn, độ đậm, in nghiêng,... thì tốc độ càng bị ảnh hưởng nhiều và ngược lại :D
lúc 20:11 4 tháng 12, 2014
Chào anh, em thấy nó mất đi một vài thẻ div so với template gốc http://www.templatetrackers.com/2014/02/7seas-blogger-template.html . Em nghĩ anh nên down về và làm lại vì code site anh nắm nên em cũng không chắc phải hướng dẫn sao và anh đã edit những gì :D
lúc 10:09 5 tháng 12, 2014
Cách này khó quá ạ! Em truy cập vào link chứa mã nhúng thì nó bị lỗi 404, em không hiểu tại sao, Có cách nào khác nữa không anh, em xin cảm ơn.
lúc 20:59 25 tháng 4, 2015
hi chào anh. em cũng mới vọc vạch làm web từ bloger nhưng chưa biết nhiều. mong anh chỉ thêm giúp em. Thanks anh. em có ba vấn đề muốn anh giúp
1- em muốn có giá tiền trên sản phẩm và chỗ giỏ hàng hiện giá tiền khách mua.
2 - khi khách mua lại không có nút đăng ký thông tin của khách.
3- Phông chữ của em bị lỗi em ko biết chỉnh sửa ở đâu.
có gì anh hướng dẫn giúp em qua mail : anhthedt1101@gmail.com
Rất cảm ơn anh!
lúc 21:00 25 tháng 4, 2015
hi chào anh. em cũng mới vọc vạch làm web từ bloger nhưng chưa biết nhiều. mong anh chỉ thêm giúp em. Thanks anh. em có ba vấn đề muốn anh giúp
1- em muốn có giá tiền trên sản phẩm và chỗ giỏ hàng hiện giá tiền khách mua.
2 - khi khách mua lại không có nút đăng ký thông tin của khách.
3- Phông chữ của em bị lỗi em ko biết chỉnh sửa ở đâu.
có gì anh hướng dẫn giúp em qua mail : anhthedt1101@gmail.com
Rất cảm ơn anh!
lúc 07:57 28 tháng 4, 2015
1. Cái nút đó thì bó tay mình ngu bên mấy template bán hàng lắm
2. Bạn không quá có thể đòi hỏi nhiều tính năng trong Blogger được vì nó rất hạn chế tính năng.
Cả 2 thằng trên thì bạn có thể thay template khác, mình ví dụ http://www.templateism.com/2014/10/betacommerce-shopping-blogger-template.html
3. Lỗi font thì bạn để lại link tới web của bạn cho mình biết vị trí font lỗi nhé.
Thân!