25 Phông chữ tuyệt đối an toàn trên web cho trang web của bạn

Bài viết được viết bởi: Azreen Azmi
  • Kinh doanh trực tuyến
  • Cập nhật: Tháng mười 05, 2020

Phông chữ. Chúng tôi nhìn thấy chúng hàng ngày. Từ quảng cáo in ấn đến tạp chí, có tất cả các loại phông chữ trên thế giới.

Cho dù bạn là chủ cửa hàng Thương mại điện tử hay một blogger mới chớm nở, điểm chung của tất cả các trang web là sử dụng văn bản cho nội dung.

Đặt một số suy nghĩ về văn bản được hiển thị của bạn (hoặc thiết kế chính tả) là không quan trọng khi tạo ra tính thẩm mỹ tổng thể của trang web của bạn và để đảm bảo thành công của nó.

Nhưng điều quan trọng hơn đối với chúng là phông chữ an toàn cho web.

Phông chữ An toàn trên Web là gì?

Phông chữ an toàn trên web là kiểu phông chữ thường được cài đặt sẵn và có thể xem được trên hầu hết các thiết bị - máy tính, điện thoại di động, TV thông minh và máy tính bảng.

Tại sao phông chữ web an toàn lại quan trọng?

Trong một thế giới lý tưởng, bạn nên có khả năng chọn bất kỳ phông chữ nào bạn muốn cho trang web của mình. Trong thực tế, có những hạn chế đối với loại phông chữ mà bạn có thể sử dụng.

Hầu hết các máy tính và trình duyệt web đi kèm với một bộ phông chữ được cài đặt sẵn bởi các nhà sản xuất, tuy nhiên, thiết kế của họ có thể (và thường) khác nhau. Không có bộ phông chữ chuẩn được chia sẻ bởi tất cả các nhà sản xuất khác nhau.

Nếu phông chữ bạn đã sử dụng không được cài đặt trên máy tính của người dùng thì trang web của bạn sẽ chỉ hoàn nguyên về phông chữ chung, đôi khi có thể kết thúc là không đọc được.

Mặt khác để tránh điều đó, các nhà thiết kế web đã sử dụng Core Fonts cho Web rằng Microsoft phát hành trong 1996 như là tiêu chuẩn cho hầu hết các phông chữ trang web. Những bộ phông chữ này cuối cùng đã trở thành "phông chữ an toàn trên web", bởi vì bất kể máy tính, phông chữ sẽ xuất hiện một cách an toàn trên trang web của bạn.

Tôi có nên sử dụng phông chữ an toàn trên web cho trang web của mình không?

Câu trả lời ngắn gọn: Tuyệt đối.

Nếu bạn muốn giữ cho thiết kế và thương hiệu hình ảnh của trang web của bạn nhất quán, thì việc sử dụng phông chữ an toàn trên web đảm bảo rằng trang web của bạn xuất hiện chính xác như bạn dự định.

Trong thực tế, gần như tất cả các trang web ngày nay đang sử dụng một số hình thức font web an toàn. Nhà thiết kế web sẽ luôn khuyên bạn nên chọn phông chữ an toàn trên web để tránh phông chữ chung chung, chẳng hạn như Times New Roman, xuất hiện khi người dùng truy cập vào trang web của bạn nếu họ không có phông chữ cụ thể hoặc tùy chỉnh.

Làm cách nào để thêm các phông chữ an toàn trên web này?

Có một số cách bạn có thể sử dụng để thêm các phông chữ này vào trang web của mình, nhưng nếu bạn không tham gia lập trình hoặc có ít kinh nghiệm kỹ thuật, bạn có thể dễ dàng sao chép mã CSS thô và dán trực tiếp vào bảng định kiểu của riêng bạn để sử dụng phông chữ.

Nếu bạn vẫn không chắc chắn, thì chỉ cần làm theo một số bước đơn giản sau:

  1. Tải lên tệp header.php của bạn
  2. Sao chép mã nguồn / chuẩn phông chữ (xem tài liệu tham khảo 1)
  3. Dán mã ở đầu tệp tiêu đề của bạn.
  4. Tải lên style.css của bạn, đặt mã phông chữ để thay đổi văn bản phông chữ mà bạn chọn. (xem tài liệu tham khảo 2)

Tài liệu tham khảo 1

Tài liệu tham khảo 2

nội dung {font-family: 'Abel'; font-size: 22px;}

Các 25 Gorgeous Web Safe Fonts cho Website của bạn

1. Arial

Phông chữ An toàn trên Web - Arial

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

2. Calibri

Phông chữ An toàn trên Web - Calibri

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

3. Helvetica

Phông chữ An toàn trên Web - Helvetica

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

4. Giao diện người dùng Segoe

Phông chữ An toàn trên Web - Giao diện người dùng Segoe

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

5. Trebuchet MS

Phông chữ An toàn trên Web - Trebuchet

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

6. Cambria

Phông chữ An toàn trên Web - Cambria

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

7. Palatino

Phông chữ An toàn trên Web - Palatino

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

8. Perpetua

Phông chữ An toàn trên Web - Perpetua

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

9. Georgia

Phông chữ An toàn trên Web - Georgia

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

10. Consolas

Phông chữ An toàn trên Web - Consolas

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

11. Chuyển phát nhanh mới

Phông chữ An toàn trên Web - Chuyển phát nhanh Mới

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

12. Tahoma

Phông chữ An toàn trên Web - Tahoma

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

13. Verdana

Phông chữ An toàn trên Web - Verdana

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

14. Optima

Phông chữ An toàn trên Web - Optima

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

15. Gill Sans

Phông chữ An toàn trên Web - Gill Sans

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

16. Century Gothic

Phông chữ An toàn trên Web - Thế kỷ Gothic

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

17. Candara

Phông chữ An toàn trên Web - Candara

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

18. Andale Mono

Phông chữ An toàn trên Web - Andale Mono

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

19. Didot

Phông chữ An toàn trên Web - Didot

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

20. Copperplate Gothic

Phông chữ An toàn trên Web - Tấm đồng

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

21. Rockwell

Phông chữ An toàn trên Web - Rockwell

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

22. Bodoni

Phông chữ An toàn trên Web - Bodoni

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

23. Franklin Gothic

Phông chữ An toàn trên Web - Franklin Gothic

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

24. Va chạm

Phông chữ An toàn trên Web - Tác động

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS 

25. Calisto MT

Phông chữ An toàn trên Web - Calisto

Liên kết / Nguồn: Fonts.com / Ngăn xếp phông chữ CSS

Công cụ phông chữ để kiểm tra

Một số công cụ tồn tại trực tuyến mà bạn có thể sử dụng để kiểm tra và kiểm tra các phông chữ khác nhau mà bạn có thể sử dụng cho trang web của bạn. Nếu bạn gặp khó khăn khi chọn phông chữ hoặc chỉ muốn khám phá loại phông chữ an toàn web nào có sẵn, những trang web này là một công cụ tuyệt vời để sử dụng.

Cặp chữ

Cặp chữ cung cấp rất nhiều tài nguyên, plugin, sách điện tử, hướng dẫn, video và thậm chí là nguồn cảm hứng về mọi thứ và mọi thứ liên quan đến kiểu chữ. Họ thậm chí còn có một phần cung cấp cho bạn các phông chữ phổ biến nhất hiện có trên Google Fonts và phông chữ nào được ghép nối tốt nhất với nhau.

Wordmark.it

Nếu bạn muốn xem trước nhanh nội dung văn bản của bạn trông như thế nào với một phông chữ nhất định, Wordmark.it cung cấp cho bạn bản xem trước tức thì về cách văn bản của bạn xuất hiện trên nhiều phông chữ cùng một lúc. Chỉ cần nhập một từ hoặc cụm từ trên thanh trang chủ của họ, nhấn enter và nó sẽ hiển thị cho bạn văn bản của bạn với các phông chữ khác nhau như Candara hoặc Bảng điều khiển Lucida.

Phông là gì

Phông là gì là một công cụ mà bạn có thể sử dụng để tìm và xác định phông chữ mà bạn đã xem trực tuyến. Tất cả bạn phải làm là chỉ cần tải lên một hình ảnh của phông chữ và WhatTheFont sẽ tìm kiếm chéo nó trong cơ sở dữ liệu của họ để cung cấp cho bạn những kết quả gần nhất. Nếu bạn vẫn không thể tìm thấy phông chữ chính xác, bạn thậm chí có thể đi đến diễn đàn để nhờ giúp đỡ.

Đó là tất cả về chơi chữ

Nếu bạn là bất cứ ai như tôi, thì tỷ lệ cược là bạn dành nhiều thời gian trên web, đọc và truy cập hàng tấn trang web. Do đó, bạn sẽ đánh giá cao nó khi một trang web sử dụng kiểu chữ tốt để bổ sung cho thiết kế hình ảnh của trang web của họ.

Khi bạn sử dụng phông chữ an toàn trên web dễ chịu cho mắt, người dùng của bạn sẽ biết ơn và sẵn lòng quay lại và tiêu thụ nhiều nội dung của bạn hơn. Bạn đang chờ đợi điều gì? Bắt đầu sử dụng các phông chữ này và tạo một trang web tuyệt vời cho doanh nghiệp của bạn!

Giới thiệu về Azreen Azmi

Azreen Azmi là một nhà văn với thiên hướng viết về tiếp thị và công nghệ nội dung. Từ YouTube đến Twitch, anh cố gắng giữ liên lạc với nội dung mới nhất và tìm ra cách tốt nhất để tiếp thị thương hiệu của mình.

Kết nối: