Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

Hôm vừa rồi mình vừa gặp trường hợp chuyển đổi hosting của Wordpress và 1 Website đang chạy multisite của Wordpress sau khi nâng cấp thì đều bị lỗi font cữ. Toàn bộ nội dung đều hiển thị sai font, người dùng không thể đọc nội dung này. Nếu không xử lý phải viết lại nội dung thì thật sự khủng khiếp.

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024
Hình ảnh: Website bị lỗi font chữ Wordpress khi nâng cấp.

Ban đầu Tú cũng thấy rất lạ, vì lâu rồi mình không gặp hiện tượng này với Wordpress mặc dù khi di chuyển dữ liệu mình đã xuất với mã ngôn ngữ là utf-8 và thử lại nhiều lần vẫn không được. Bình thường mình sử dụng công cụ di chuyển dữ liệu là Sypex Dumper thì không có lỗi, kể cả database lớn. Tuy nhiên do di chuyển gặp một bảng dữ liệu lỗi nên mình backup và restore theo dạng bình thường. Site này mình đã xuất database cũ với kiểu là utf-8 sau đó qua Server mới, mình cũng đã import với kiểu chữ utf-8 nhưng vẫn lỗi :(. Để xử lý vấn đề này mình đã đọc về wp-config.php của Wordpress và phát hiện ra rằng file config này có thể cấu hình và làm thay đổi bảng mã ký tự của Databse.

Database collation

As of WordPress Version 2.2, DB_COLLATE was made available to allow designation of the database (i.e. the sort order of the character set). In most cases, this value should be left blank (null) so the database collation will be automatically assigned by MySQL based on the database character set specified by DB_CHARSET. Set DB_COLLATE to one of the UTF-8 values defined inUTF-8 character sets for most Western European languages.

Như vậy vấn đề của mình nó nằm ở đây. Nếu bạn không cài đặt giá trị về DB_CHARSET hay DB_COLIATE thì mặc định wordpress sẽ lấy mã ký tự utf-8 hay latin dựa vào MySQL. Vậy mình thử theo hướng là cài đặt các giá trị này về kiểu charset là utf8 để hỗ trợ tiếng việt. Mở file wp-config.php bạn tìm [code] /** MySQL hostname */ define('DB_HOST', 'localhost'); [/code] Bạn thêm vào bên dưới. [code] /** Database Charset to use in creating database tables. */ define('DB_CHARSET', 'utf8'); /** The Database Collate type. Don't change this if in doubt. */ /** Database Charset to use in creating database tables. */ define('DB_CHARSET', 'utf8'); /** The Database Collate type. Don't change this if in doubt. */ define('DB_COLLATE', 'utf8_general_ci'); [/code]

Lưu lại và tải lại trang để xem kết quả.

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024
Sửa lỗi font chữ khi chuyển host, nâng cấp website wordpress

Chúc bạn thành công và giải quyết được vấn đề.

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

  • Theo dõi:

"Hạnh phúc không phải là nhận, hạnh phúc chính là sự cho đi" - đây là lý do Tú xây dựng Blog này. Bài viết trên dự dựa trên quan điểm, hiểu biết của cá nhân. Nó có thể đúng, cũng có thể sai tùy thời điểm, vì vậy bạn phải tự cân nhắc và chịu trách nhiệm khi làm theo. Nếu bạn thấy nội hữu ích với bạn, hãy Mời Tú Cao một tách CÀ PHÊ.

Việc thay đổi font chữ WordPress ngày càng được chú trọng và sử dụng nhiều hơn vì sự ảnh hưởng của các font chữ đến với hành vi người dùng là rất cao. Bạn đang gặp khó khăn với cách thay đổi font chữ WordPress của mình?

Có rất nhiều cách thay đổi font chữ WordPress từ cơ bản chỉ với thao tác click chuột đơn giản thông qua tùy chọn có sẵn trên theme hay các plugin hỗ trợ. Cũng có những các phức tạp can thiệp nhiều về phần backend để thay đổi font chữ.

Với nhiều bạn mới sử dụng hoặc một số bạn sử dụng WordPress một thời gian rồi vẫn chưa biết cách thay font chữ trong WordPress như thế nào? Đừng lo! Bài viết này, Tenten sẽ hướng dẫn 3 cách thay đổi font chữ WordPress thông dụng và phổ biến nhất nhé!

Chắc hẳn khi bạn học Microsoft Office ở trường trung học, bạn đã từng dùng đến Font chữ để thay đổi hiển thị các kiểu chữ khác nhau.

Và cũng tương tự vậy.

“Font chữ WordPress là định dạng hiển thị các kiểu chữ khác nhau dưới ánh mắt người truy cập web.”

Hoặc bạn có thể hiểu đơn giản, Font chữ dùng để thể hiện nét đẹp của các ký tự trên màn hình thiết bị.

Hướng dẫn 3 cách thay đổi font chữ WordPress phổ biến

Mỗi Font chữ luôn có một nét đặc trưng riêng như độ đậm, độ mềm mại, các đường cong,…của chữ. Trên Web, một Font chữ đẹp sẽ giúp người dùng dễ đọc, đồng thời cũng làm đẹp nội dung của bạn.

Nhưng thực tế, không phải ai cũng biết cách tìm một Font tùy chỉnh theo ý thích. Một số bạn sử dụng theme WordPress và để nguyên mặc định của nó nên đôi khi khi làm cho giao diện trở nên khó nhìn.

Đó là lý do trong phần dưới đây Tenten sẽ hướng dẫn bạn thay đổi font chữ WordPress một cách đơn giản nhất.

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

Sẽ có vài người không thích kiểu font mặc định của WordPress và muốn thay đổi sao cho trông mới mẻ và độc đáo hơn. Không chỉ đổi font trong bài viết mà còn cả các font ở bên ngoài trang chủ như font menu, category, tiêu đề bài viết, phần chữ xem thêm…

Việc đổi font chữ WordPress cũng không quá phức tạp, chỉ có mất thời gian để bạn ngồi lựa chọn font ưng ý mà thôi.

Thông thường thì sẽ có ba tùy chọn cơ bản nhất để bạn thay đổi font chữ WordPress cho website của mình.

  • Đầu tiên nhắc đến chính là Font chữ Google, hoặc các dạng Web Adobe Edge, chúng được lưu trữ bằng bên thứ ba và bạn sử dụng buộc phải gắn mã của bên thứ 3 này vào website của bạn mới hoạt động được.
  • Các dạng Font chữ được tích hợp sẵn vào chủ đề (theme) của bạn và bạn chỉ cần vào phần tùy chọn văn bản để sử dụng.
  • Thứ ba làm các Font WordPress được lưu trên trang web của bạn bạn chỉ cần Customize và chỉnh sửa áp dụng nó thôi.

Hãy cùng Tenten thao tác các bước đơn giản để đổi font chữ WordPress. Bắt đầu nào!

1. Thay Đổi Font Chữ WordPress từ Theme

Đây là cách đơn giản nhất để thay đổi font chữ WordPress vì nó có sẵn trong theme rồi, bạn chỉ cần gọi nó ra mà thôi và thay thế cho font hiện tại của trang web là xong. Bạn có thể sử dụng nhiều phông chữ khác nhau mà không ảnh hưởng đến lượng không gian của máy chủ trên Server.

Các font chữ này đều được cung cấp trực tiếp cho website của bạn từ nhà cung cấp theme wordpress vì vậy bạn không phải thực hiện quá nhiều thao tác.

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

Cách Thêm Và Thay đổi Font Chữ WordPress Bằng Plugin

Với trang web bằng WordPress, mọi thứ đều có plugin làm mọi công việc cần thiết của bạn, chỉ việc chọn cái nào phù hợp với bạn mà thôi. Việc sử dụng plugin để thay đổi Font chữ và chọn font chữ cho trang website của bạn theo nhu cầu của mình cũng vậy.

Ở bài viết này, mình sẽ hướng dẫn bạn sử dụng plugin Google Fonts Typography và Easy Google Fonts để thực hiện việc thay đổi Font chữ trong WordPress.

2. Thay đổi font chữ WordPress với Google Fonts Typography

Bước 1. Đầu tiên thì cũng giống như khi cài các plugin khác bạn vào trang quản trị WordPress -> chọn Plugin -> Add New.

Bước 2. Tiếp theo ở ô tìm kiếm các plugin bạn gõ chữ Google Fonts Typography, sau khi xuất hiện plugin bạn chọn -> Install Now -> đợi một lát để cài đặt xong bạn chọn Activate là xong phần cài plugin vào theme.

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

Bước 3. Sau khi cài đặt xong bạn vào Appearance -> Fonts Plugin -> chọn Customize

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

Bước 4. Bạn chọn mục Google Fonts.

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

Bước 5. Sau khi bạn đã vào bên trong phần tính năng Google Fonts bạn cần hiểu các chức năng của các cấu hình font trong website như sau:

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

  • Basic Settings: Đây chính là phông chữ mặc định dành cho văn bản, phần tiêu đề cũng như các nút hiển thị (như: thêm vào giỏ hàng, xem thêm,…) của bạn trên website.
  • Advanced Settings: Đây là mục font để hiển thị cho tiêu đề trang web, mô tả, các danh mục menu, thanh sidebar và Footer nhé.
  • Font Loading: Đây là mục để bạn chọn một số font không sử dụng để giảm đi khả năng làm chậm trang web do các font này gây ra .
  • Debugging: Phần này dùng để xử lý các lỗi hay sự cố mà Font gặp phải.

Bạn có thể test các font hiển thị trong phần tùy chỉnh nhé, hoặc hiển thị ngoài theme, khi đã chọn được mẫu font ưng ý với nhu cầu của bạn thì chọn Publish là xong.

Nếu trong quá trình bạn chỉnh sửa mà không ưng ý và quên mất font cũ là gì bạn đừng chọn Publish, mà hãy load lại trang web thì nó sẽ không lưu những gì bạn đã chỉnh sửa đâu.

3. Đổi font chữ WordPress Với Easy Google Fonts

Easy Google Fonts là một Plugin hàng đầu trong việc thay thế đổi font chữ WordPress, nó còn rất nhiều các font chữ đẹp và lạ mắt cho bạn lựa chọn cho website của mình đó.

Với plugin này bạn có thể thể tùy chỉnh rất nhiều loại ký tự khác nhau, đặc biệt ở plugin này thì bạn chỉ cần chọn chế độ theme ở chủ đề Vietnamese thì nó sẽ hiển thị toàn bộ các font chữ có hỗ trợ tiếng Việt để bạn lựa chọn và sử dụng dễ dàng mà không cần test từng font một.

Hơn nữa, Plugin này đều tương thích với tất cả theme hiện nay nên bạn có thể thoải mái sử dụng. Dưới đây là cách sử dụng Easy Google Fonts plugin mà bạn có thể tham khảo để giúp bạn đổi font chữ WordPress thuận tiện.

Font chữ hiển thị trang chủ wordpre bị lỗi năm 2024

Bước 1: Bạn làm giống như bước 1 và 2 ở phần cài plugin trên nhé khác ở chỗ tên của plugin thôi.

Bước 2: Sau khi cài đặt xong bạn vô Appearance -> chọn Customize (tương tự ở trên).

Bước 3: Sau khi vào trong phần Customize (tùy biến) bạn chọn typography nhé bạn nên hiểu một số cấu hình cơ bản.

Ở phần này bạn sẽ thay đổi chi tiết các loại font cho từng thành phần khác nhau trong website phần font nội dung và Font của các tiêu đề từ H1 cho đến H6.

Trong mục Styles bạn hãy lưu ý như sau:

  • Script/Subnet: Mục này bạn hãy chọn kiểu chữ để sử dụng thường là chọn vietnamese nếu tiếng anh thì chọn latin nhé, và còn một số kiểu chữ khác nữa nhưng của nước khác.
  • Font Family: Đây là mục quan trọng nhất nhé, ở đây bạn chọn loại font chữ cho website như Arial, Roboto, Helvetica, Times New Roman,….
  • Font Weight/Style: Mục này là độ đậm hay còn gọi là độ dày của nét ký tự.
  • Text Decoration: Mục này là kiểu trang trí font web
  • Text Transform: Loại kiểu chữ như viết hoa hết, viết hoa đầu dòng, viết thường hết,…

Font chữ đẹp thường được sử dụng trên WordPress

Nếu như bạn đang băn khoăn chưa biết nên chọn đổi font chữ WordPress nào dành cho trang web của mình, khi đó có thể tham khảo một vài gợi ý dưới đây. Một số Font chữ đẹp mà mình từng áp dụng trên site, bao gồm:

  • Arial
  • Roboto
  • Quicksand
  • Open Sans
  • Muli
  • Montserrat
  • Segoe UI

Các Font này khá ổn và quan trọng hơn là nó không bị vỡ Font sau khi áp dụng lên trang WordPress. Vì vậy bạn có thể chọn những font này để đổi font chữ WordPress.

Lời kết

Vậy là bạn đã biết cách đổi font chữ WordPress mà không cần phải mất công cài đặt plugin.

Các phiên bản mới nhất của WordPress đang dần cải thiện tính năng, giúp tăng tính tiện lợi cho người dùng mà không cần cài thêm bên thứ ba nào.

Như vậy website của bạn trông cũng gọn gàng, nhẹ nhàng hơn khi không phải cài quá nhiều plugin.

Hẹn gặp bạn trong bài hướng dẫn tiếp theo nhé!

AI Easy Content – Trợ lý ảo tạo sáng tạo nội dung

AI Easy Content là một công cụ viết nội dung tự động bằng trí tuệ nhân tạo (AI) đáp ứng 3 tiêu chí: unique – đáp ứng SEO – không bị nhận diện là AI.

Nhờ đó, tiết kiệm được thời gian và nâng cao hiệu suất cho nhân viên content SEO. Với AI Easy Content bạn có thể: