Trang chủ WordpressWordpress Plugin Sử dụng Google Fonts trong WordPress

Sử dụng Google Fonts trong WordPress

bởi Thạch Phạm
31 bình luận 8307 views
Khuyến mãi hosting

Có một vấn đề làm hơi nản lòng với những người mới là nhiều theme đẹp lộng lẫy lung linh lại không hiển thị được tiếng Việt một cách đúng chuẩn do font chữ đó tuy đẹp nhưng không hỗ trợ các ký tự đặc biệt có trong tiếng Việt như các dấu có mũ, dấu hỏi, dấu ngã,….Lúc đó giải pháp là chúng ta phải thay đổi font chữ trực tiếp trong CSS của theme, mà cách này chỉ hợp với những ai biết qua CSS.

Nếu bạn vẫn đang còn loay hoay với việc đổi font chữ mà không có kinh nghiệm sửa đổi CSS hay thay đổi code trong theme thì có thể tham khảo qua plugin Easy Google Fonts để nhúng các font chữ hỗ trợ tiếng Việt đẹp mắt vào website chỉ trong vài cú click.

easy-google-font

Là một plugin tốt nhất trong việc áp dụng các font chữ đẹp tại thư viện Google Font lên WordPress. Nó cho phép bạn tùy chỉnh loại ký tự, chỉ cần chọn Vietnamese là tất cả loại font trên đó đều hỗ trợ cho tiếng Việt, và làm việc tốt trên mọi theme.

Khu vực làm việc trong Easy Google Font

Khu vực làm việc trong Easy Google Font

Cơ chế hoạt động của nó là hỗ trợ bạn thay đổi chi tiết kiểu font cho các thành phần chính trên WordPress là font của nội dung và font cho các tiêu đề từ heading 1 đến heading 6,….Do đổi font ở chế độ Customize nên bạn có thể trực tiếp xem kết quả thay đổi của nó mà không cần tải lại trang.

Thay đổi font cho các phần tử nhỏ

Mặc định plugin này chỉ hỗ trợ đổi font chữ cho phần nội dung bài viết và các thẻ từ h1 đến h6. Nhưng nếu theme bạn phức tạp hơn, có nhiều phần tử khác nhau cần đổi font chữ khác cho nó thì có thể sử dụng tính năng Custom Control trong Easy Google Font.

easy-google-font-control

Tính năng Custom Control sẽ cho phép bạn thêm một vùng chọn bất kỳ để plugin này có thể thực hiện sửa đổi font chữ cho vùng chọn đó. Khi thêm xong thì vào Customize sẽ thấy vùng chọn mà ta vừa mới tạo để thay đổi.

easy-google-font-control-testRất dễ sử dụng và tương tác, phải không nào?

31 bình luận

Có thể bạn quan tâm

31 bình luận

Hữu Nguyễn 02/07/2020 - 8:25 Chiều

cho mình hỏi phần bình luận này sử dụng plugins gì vậy anh?
Cảm ơn anh.

Reply
Hoàng Long 13/05/2017 - 1:08 Chiều

Chào a Thạch Phạm, em khá thích font chữ mà a đang viết trên blog này. A có thể chia sẻ là a đã dùng kiểu và cỡ chữ nào cho các bài viết trên blog này được không?

Reply
phạm trung tín 30/03/2017 - 11:58 Sáng

Anh ơi!
Anh giúp em vấn đề này được không ạ. Em cài đặc plugin share của Addthis vào trang và khi share lên facebook, nó không hiển thị hình ảnh bài đăng mà cứ hiển thị hình ảnh của trang. Em thử mò mẫn nhiều rồi mà vẫn chưa xong.

Reply
phạm văn chuyển 04/01/2017 - 7:40 Sáng

Chào anh! anh ơi em đang chỉnh sửa lại một theme. Phiền anh cho em hỏi về fonts chữ với ạ. khi em xuống dòng thì độ thưa giữa dòng trên và dòng dưới là rất thưa. vậy nếu ta chỉnh thì vào đâu để chịnh vậy anh. Tư vấn cho em với nhé.

Reply
TPHCM 16/12/2016 - 8:55 Chiều

Bài viết hay, cảm ơn bạn đã chia sẽ.
Nhờ bài viết mình đã chỉnh dc trang theo ý muốn :p

Reply
Mr. Diao 08/12/2016 - 12:14 Sáng

Cho mình hỏi, nếu mình muốn chỉnh chữ ở tag tittle thì trong css code là gì nhỉ?

Reply
Thạch Phạm 08/12/2016 - 5:17 Sáng

Tùy theo giao diện của bạn đang sử dụng nữa, bạn cho mình xem website của bạn nhé.

Reply
cuongbq3 07/11/2016 - 10:29 Sáng

Mình hay bị lỗi font chữ. Sau khi chỉnh ngon lành thì hôm sau ở 1 số chỗ nó bị đổi màu trùng với backgound dẫn đến không thấy chữ.
Ở đây nó bị lỗi ở body và trên wiget lịch.
http://imgur.com/XzolV7l

Reply
trang 21/10/2016 - 4:12 Chiều

Mình đã cài thử như ko chỉnh được. Vẫn bị lỗi á anh Thạch ơi.
http://tomoehouse.edu.vn/

Reply
Cường 24/06/2017 - 3:46 Chiều

web của bác dùng theme nào thế.

Reply
Anh Van 06/10/2016 - 12:25 Sáng

Thạch ơi cho mình hỏi muốn đổi font ở phần menu chính thì làm sao hay có plugin gì không? Cảm ơn Thạch

Reply
Hoàng Minh Tâm 18/09/2016 - 6:44 Sáng

Em chào anh Thạch Phạm, em muốn có được font chữ như website của anh thì cần phải làm thế nào ạ!
Cảm ơn anh và mong anh giúp đỡ ạ

Reply
Tuan Nguyen 13/09/2016 - 3:10 Chiều

Các bác cho e hỏi chút, sao trang của em bị gì mà cứ chia sẻ lên FB là title nó lại bị chữ cách thưa ra với. e đã dùng google font rồi mà không thay đổi gì
trang của em mới làm xong : http://dailynilon.com/

Reply
Thạch Phạm 14/09/2016 - 5:18 Sáng

Mình up thử vẫn thấy ok mà bạn.

Reply
Lữ Khách 24/08/2016 - 8:18 Sáng

Rất bổ ích cho những người mới tiếp cận như mình, cảm ơn Thạch Phạm nhiều

Reply
quangduy 08/08/2016 - 11:35 Sáng

Có một số theme tiêu đề toàn chữ IN HOA, muốn chuyển sang chữ thường thì làm sao các bác?

Reply
fdgd 15/11/2016 - 1:27 Chiều

IN HOA

Reply
fdgd 15/11/2016 - 1:28 Chiều

text-transform: uppercase;

Reply
Hoàng Minh Thiện 03/08/2016 - 3:46 Chiều

Chào bạn, mình dùng font roboto thấy như sau:
Trên laptop thì thấy mượt mà, trên DT Andoid ok, thử trên Iphone cũng khá ok, nhưng dùng Lumia lướt thử thì các chữ có dấu ko đc đẹp lắm… có font nào tốt cho tất cả các thiết bị ko bạn? xin cám ơn

Reply
Thạch Phạm 07/08/2016 - 7:25 Sáng

Google Font hơi kén trên vài kiểu trình duyệt, và nhìn chung hệ điều hành Windows không xử lý tốt cho lắm mấy cái Google Font.

Reply
Đào Văn Sơn 26/07/2016 - 1:07 Chiều

Hi anh Thạch,

Có cách nào thêm font của mình vào wordpress không? Vì em đang định dùng font Century Gothic nhưng không thấy có trong plugin.

Reply
Thạch Phạm 28/07/2016 - 3:42 Sáng

Bạn phải convert font bình thường qua webfont thì mới sử dụng được cho website, cách làm cũng hơi dài dòng nhưng mình nghĩ là không nên làm vậy vì website sẽ nặng mà font đó chưa chắc hiển thị tốt trên website. Khi load ở các thiết bị điện thoại cũng nhiều vấn đề phát sinh lắm.

Reply
duongly 22/07/2016 - 11:19 Sáng

cho mình hỏi chút mình cái plugin này thấy ghi là không tương thích với phiên bản wordpress của bạn.có cách nào khác phục không bạn

Reply
Thạch Phạm 23/07/2016 - 5:45 Sáng

Mình vừa vào thấy nó đã hỗ trợ WordPress 4.5.3 mà bạn.

Reply
Kim Trinh 19/07/2016 - 5:17 Chiều

Cho em hỏi làm thế nào để đổi font tiêu đề bài viết, em đã thử đổi thẻ h1 mà không được. Em dùng font Gomedia.

Reply
Thạch Phạm 24/07/2016 - 5:29 Sáng

Dùng vùng chọn .entry-title nha bạn.

Reply
Hoa tươi 18/07/2016 - 7:03 Chiều

Thạch phạm cho mình hỏi có plug-in nào cho phép mình upload font chữ mới lên ko ?

Reply
Thạch Phạm 24/07/2016 - 5:50 Sáng

Font ở máy tính không giống như trên website nên bạn không thể upload trực tiếp lên được bạn nhé. Bạn có thể dùng @webfont theo công cụ này (https://www.web-font-generator.com/) nhưng sẽ sửa khá cực và mình nghĩ là không nên vì không phải font nào ở máy tính cũng chạy tốt trên website.

Reply
ngô tùng 08/07/2016 - 7:29 Chiều

mọi người cho em hỏi lỗi font chữ thì in đậm, chữ thì in thường thì sửa kiểu gì vậy, plugin này ko sửa được

Reply
Thạch Phạm 10/07/2016 - 4:45 Sáng

Cái này có thể là do bạn dùng font không hỗ trợ tiếng Việt, bạn đổi font khác nhé.

Reply
Thuận Nguyễn 07/07/2016 - 9:22 Sáng

chào các anh, cho e hỏi cài plug-in này rất hay nhưng mà liệu có ảnh hưởng tới tốc độ load web ko nhỉ

Reply

Để lại một bình luận

* Khi bình luận, bạn đồng ý rằng thông tin bạn nhập vào bao gồm tên, email và địa chỉ IP sẽ được lưu giữ tại website.