Dạo qua SVIT mình thấy các bạn thắc mắc nhiều về lỗi font tiếng việt của một số theme. Trước đây mình cũng test, thấy lỗi không biết sửa và bỏ qua. Thực tế nhiều theme rất đẹp nhưng bỏ qua thì uổng phí quá. Qua tìm hiểu mình mạo muội post bài này dành cho những bạn chưa biết như mình và làm cho site wordpress được độc đáo hơn.
Ở đây mình lấy ví dụ là theme Avenue, theme mà mình đang sử dụng. Theme này lúc đầu mình cứ nghĩ là nó dùng cufont, thế nhưng không phải. Mình xem trong style.css thấy có đoạn mã
và nhiều vị trí sử dụng font-family: 'BebasNeueRegular'; nếu như đổi sang font-family:"Times New Roman",Georgia,Serif; thì font chữ hiển thị không làm mình hài lòng so với theme gốc của nó.
Trong thư mục theme có thư mục font, và trong nó có vài file mà mình nhìn thấy: BebasNeue-webfont.tff, BebasNeue-webfont.svg; BebasNeue-webfont.eot; BebasNeue-webfont.woff
Mình nghĩ cái font này không hỗ trợ tiếng việt và tìm cách tạo bộ gồm 4 file giống như trên hỗ trợ tiếng việt.
1. Chọn 1 font unicode, các bạn tìm trên ông google hoặc vào đây http://fontchu.com/unicode.htm để chọn một kiểu font mà bạn thấy ưng ý nhất. Tải nó về
2. Tiếp theo các bạn vào đây: http://www.fontsquirrel.com/fontface/generator Lick vào nút add font . Tick chọn EXPERT....
Font Formats: chọn True type, woff, svg, eot compress.
Mấy cái tiếp để như mặc định cũng được, mình không rành lắm
Subsetting: Các bạn chọn Custom Subsetting nó hiện ra cái bảng dài nghèo. Character Type: các bạn chọn Lowercase, upercase, number... thích thì chọn nhiều cái nữa cũng đc.
Languges: để nguyên không chọn cái gì hết
Unicode table: Chọn Basic latinSingle Characters: thêm cái đoạn sau vào
Tới bước này các bạn xuống bên dưới tick vào Agreement: ..............
Rồi lick vào nút download ở kế bên luôn.
Tải về bộ font gồm 4 file ten-font-bạn chọn-webfont.svg.....
Copy 4 file đó vào thư mục fonts của theme
vào Style.css đổi tất cả tên BebasNeue thành ten-font-bạn-chọn
Xong: F5 lại web để xem kết quả
Chúc các bạn thành công.
Ở đây mình lấy ví dụ là theme Avenue, theme mà mình đang sử dụng. Theme này lúc đầu mình cứ nghĩ là nó dùng cufont, thế nhưng không phải. Mình xem trong style.css thấy có đoạn mã
Code:
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?iefix') format('eot'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#webfont4Bjy2lJe') format('svg');
font-weight: normal;
Trong thư mục theme có thư mục font, và trong nó có vài file mà mình nhìn thấy: BebasNeue-webfont.tff, BebasNeue-webfont.svg; BebasNeue-webfont.eot; BebasNeue-webfont.woff
Mình nghĩ cái font này không hỗ trợ tiếng việt và tìm cách tạo bộ gồm 4 file giống như trên hỗ trợ tiếng việt.
1. Chọn 1 font unicode, các bạn tìm trên ông google hoặc vào đây http://fontchu.com/unicode.htm để chọn một kiểu font mà bạn thấy ưng ý nhất. Tải nó về
2. Tiếp theo các bạn vào đây: http://www.fontsquirrel.com/fontface/generator Lick vào nút add font . Tick chọn EXPERT....
Font Formats: chọn True type, woff, svg, eot compress.
Mấy cái tiếp để như mặc định cũng được, mình không rành lắm

Subsetting: Các bạn chọn Custom Subsetting nó hiện ra cái bảng dài nghèo. Character Type: các bạn chọn Lowercase, upercase, number... thích thì chọn nhiều cái nữa cũng đc.
Languges: để nguyên không chọn cái gì hết
Unicode table: Chọn Basic latinSingle Characters: thêm cái đoạn sau vào
Code:
àáạảãâầấậẩẫăằắặẳẵèéẹẻẽêềếệểễìíịỉĩòóọỏõôồốộổỗơờớợởỡùúụủũưừứựửữỳýỵỷỹđÀÁẠẢÃÂẦẤẬ ẨẪĂẰẮẶẲẴÈÉẸẺẼÊỀẾỆỂỄÌÍỊỈĨÒÓỌỎÕÔỒỐỘỔỖƠỜỚỢỞỠÙÚỤỦŨƯỪỨỰỬỮỲÝỴỶỸĐ
Rồi lick vào nút download ở kế bên luôn.
Tải về bộ font gồm 4 file ten-font-bạn chọn-webfont.svg.....
Copy 4 file đó vào thư mục fonts của theme
vào Style.css đổi tất cả tên BebasNeue thành ten-font-bạn-chọn
Xong: F5 lại web để xem kết quả
Chúc các bạn thành công.



Jumba Casino Resort | Mashantucket, CT - Mandara's
Trả lờiXóaJumba Casino Resort 군산 출장샵 is 의왕 출장샵 Mandara's premier resort 통영 출장안마 destination with everything you need 영주 출장마사지 for 광주 출장샵 unforgettable gaming and entertainment.