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:
  • Kinh doanh trực tuyến
  • Cập nhật: Jan 17, 2019

Cho dù bạn một cửa hàng thương mại điện tử or một blogger vừa chớm nở, một điều mà tất cả các trang web có điểm chung 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ế typographic) là không ngạc nhiên quan trọng khi tạo tính thẩm mỹ tổng thể của trang web và để đảm bảo thành công của nó.

Đây là điều, bạn có thể có một mẫu WordPress tuyệt vời hoặc đặt những hình ảnh ấn tượng trên trang web của bạn BAO GIỜ nếu bạn đang sử dụng phông chữ cơ bản không hấp dẫn (hoặc Comic Sans tồi tệ hơn!), Thì bạn vẫn sẽ kết thúc với một trang web trông và cảm nhận không chuyên nghiệp.

Thêm vào đó, bạn đang bỏ lỡ sự phong phú của kiểu chữ web tuyệt đẹp có sẵn trực tuyến.

Tất nhiên, nếu bạn muốn đảm bảo rằng phông chữ bạn chọn tải đáng tin cậy trên các máy tính khác, bạn cần phải chọn “phông chữ an toàn trên web”.

Với các phông chữ an toàn web tuyệt đẹp 25 của chúng tôi, bạn sẽ chắc chắn có một kiểu chữ web tuyệt vời cho trang web của bạn hoạt động mọi lúc, vào cuối bài viết này!

Phông chữ an toàn trên web là gì?

Phông chữ an toàn trên web là các phông chữ thường được cài đặt sẵn cho 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 thực hiện theo một vài 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 / mã tiêu chuẩn
  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ữ bạn chọn.

Đến cuối của nó, bạn nên có một stylesheet trông như thế này:

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

1. Arial

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

2. Calibri

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

3. 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

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

5. Trebuchet MS

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

6. Cambria

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

7. Palatino

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

8. Perpetua

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

9. Georgia

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

10. 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

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

12. Tahoma

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

13. Verdana

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

14. Optima

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

15. Gill Sans

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

16. Century Gothic

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

17. Candara

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

18. Andale Mono

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

19. Didot

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

20. Copperplate Gothic

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

21. Rockwell

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

22. Bodoni

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

23. Franklin Gothic

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

24. Va chạm

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

25. Calisto MT

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 mình. 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 trên web nào có sẵn, các 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ề Font Play

Nếu bạn là bất cứ điều gì giống như tôi, sau đó tỷ lệ cược là bạn dành nhiều thời gian trên web, đọc và truy cập vào tấn trang web. Do đó, bạn sẽ đánh giá cao khi 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!

Bài viết của 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.

Được kết nối: