10 phông chữ hàng đầu cho các trang web năm 2022

Nhiệm vụ tìm kiếm kiểu chữ cho trang web bạn đang thiết kế có thể gây khó khăn.Tại thời điểm viết bài viết này, có hơn 1.000 gia đình phông chữ Google, gần 2.000 phông chữ adobe, 15.000 phông chữ tại Fonts.com và gần 35.000 phông chữ tại MyFonts.com

Với các yêu cầu bổ sung cho các phông chữ, như & nbsp; cặp phông chữ, trọng lượng, khả năng đọc, phạm vi của phong cách, v.v., nhiệm vụ tìm phông chữ phù hợp với trang web của bạn có thể là một thách thức quá lớn, để nói ít nhất. & NBSP;

May mắn thay, hướng dẫn này là ở đây để giúp bạn tìm thấy các phông chữ tốt nhất cho bạn.Chúng tôi đã nghiên cứu và tìm thấy 40 phông chữ tốt nhất cho các trang web

Mục lục

• Tại sao phông chữ trang web lại quan trọng?
• Các loại phông chữ khác nhau là gì?
• 1. Phông chữ sans serif
• 2. Phông chữ Serif
• 3. Phông chữ chữ thảo
• 4. Phông chữ số
• 5. Phác thảo phông chữ
• 6. Phông chữ cổ điển
• 7. Phông chữ hiện đại
• Cách chúng tôi chọn phông chữ tốt nhất cho các trang web
• 40 phông chữ tốt nhất cho các trang web

Tại sao phông chữ trang web lại quan trọng?

Phông chữ trang web chiếm 90% thiết kế.Do đó, việc chọn đúng kiến thức là rất quan trọng đối với thành công của trang web của bạn.Dưới đây là một số lý do chính tại sao:

1. Lựa chọn phông chữ phản ánh nhân vật thương hiệu của bạn

Hầu hết các nhà tiếp thị đều biết thông điệp thương hiệu của họ, nhưng lựa chọn phông chữ của bạn cần phải phản ánh và đại diện cho nhân vật thương hiệu của bạn.Chẳng hạn, một phông chữ lãng mạn như thư pháp hoặc một meme kỳ quặc sẽ không phản ánh thương hiệu của bạn nếu bạn có một tổ chức từ thiện chính thức. & NBSP;

Tương tự, nếu phông chữ của bạn cần phản ánh một ngân hàng, các phông chữ vui tươi sẽ không xây dựng niềm tin và độc giả của bạn có thể không coi trọng thương hiệu của bạn.Do đó, sự lựa chọn thương hiệu cũng xoay quanh việc hiểu đối tượng mục tiêu của bạn.

2. Khả năng đọc và trải nghiệm người dùng

Những vấn đề này được đan xen.Thông thường, độc giả phải nhấn mặt lên trên màn hình để đọc văn bản.Phải làm như vậy không ảnh hưởng tích cực đến trải nghiệm người dùng của họ.Nếu phông chữ quá nhỏ, các khách hàng tiềm năng có thể biến mất trong vài giây.Tương tự như vậy, việc chọn phông chữ khổng lồ là thực tế xấu khi họ hét lên với người đọc, điều này đang răn đe. & NBSP;

Ngoài ra, có quá nhiều phông chữ đi qua là khó hiểu và không chuyên nghiệp, đặc biệt là nếu chúng ở cùng một trang.Thực tiễn tốt nhất là chọn tối đa hai hoặc ba phông chữ để đảm bảo tính đồng nhất và rõ ràng trên toàn trang web của bạn.Phông chữ không chỉ ảnh hưởng đến trải nghiệm người dùng mà cả sở thích, tốc độ điều hướng và nhiều khía cạnh khác.

3. Tăng trưởng kinh doanh

UX có liên quan trực tiếp đến các cơ hội kinh doanh.Nếu khách truy cập của bạn cảm thấy thoải mái khi đọc nội dung trang web của bạn, họ có thể ở lại lâu hơn kế hoạch - đặc biệt là khách truy cập mới. & NBSP;

Các trang web cung cấp cho độc giả nội dung hấp dẫn được viết bằng một phông chữ cao cấp, đáng tin cậy và giữ lại sự chú ý.Đạt được điều này giúp bạn xây dựng niềm tin của người tiêu dùng, tăng lợi thế cạnh tranh của bạn và cải thiện cơ hội kinh doanh và lợi nhuận.

Phông chữ rất cần thiết cho thương hiệu hoặc công ty của bạn vì bạn muốn chúng gợi lên những cảm xúc tích cực, cung cấp khả năng dễ đọc và cải thiện lợi nhuận của bạn.

Các loại phông chữ khác nhau là gì?

1. Phông chữ sans serif

2. Phông chữ Serif

1. Phông chữ sans serif

2. Phông chữ Serif

3. Phông chữ chữ thảo

4. Phông chữ số

5. Phác thảo phông chữ

6. Phông chữ cổ điển

7. Phông chữ hiện đại

Một lý do khác mà bạn có thể chọn cho một serif đối với các phông chữ khác là khả năng truy cập.Bởi vì serif đi kèm với các dấu hiệu ở trên cùng và dưới cùng của các ký tự của chúng, các chữ cái đôi khi giống nhau (như thủ đô của tôi, chữ thường, và số 1) có thể dễ dàng phân biệt.

3. Phông chữ chữ thảo

Cursive là một phong cách viết tay hàng thế kỷ ban đầu được thiết kế để làm cho việc viết nhanh hơn bằng tay, và dễ chịu hơn khi nhìn vào.Nhưng, trong thời hiện đại, chữ thảo (hoặc kịch bản) đã trở thành một kiểu phông chữ Web độc đáo, được thiết kế để bắt chước viết tay.

Một số thương hiệu mang tính biểu tượng, như Vimeo, Ray-Ban và Kellogs sử dụng phông chữ chữ thảo cho logo của họ. & NBSP;Nếu bạn muốn tiêu đề và logo web của bạn có một bước ngoặt tương tự và đáng nhớ, thì chữ thảo là phông chữ cho bạn.Tuy nhiên, nó có thể không lý tưởng cho các văn bản dài hơn, & nbsp;Đặc biệt là khi các thế hệ trẻ không cần phải học viết bằng chữ thảo nữa. & NBSP;

4. Phông chữ số

Trong kiểu chữ web, cách bạn hiển thị các số đòi hỏi cùng một mức độ chăm sóc và xem xét như các chữ cái.Mặc dù, việc tìm kiếm một phông chữ lý tưởng cho các con số có thể là một thách thức. & NBSP;

Các số thường được sử dụng để trực quan hóa dữ liệu, tức là bảng định giá, infographics hoặc ưu đãi đặc biệt trên các trang đích.Cách bạn hiển thị những con số này có thể có tác động sâu sắc đến sự thành công của trang web của bạn.

Ví dụ: nếu bạn sử dụng chúng trong các bảng hoặc tính toán, họ nên sử dụng các số liệu lót bảng.Điều này có nghĩa là mỗi hình bao gồm cùng chiều rộng và chiều cao sao cho các số xếp hàng đúng cách bên cạnh và trên đỉnh của nhau. & NBSP;

Một điều khác cần tìm là liệu gia đình phông chữ có bao gồm các ký hiệu số có liên quan đến những gì bạn sẽ sử dụng chúng không (ví dụ: dấu câu, tiền tệ, tính toán, v.v.). & NBSP; và tương tự như chọn phông chữ thông thường, bạn sẽ muốnĐảm bảo rằng không có số nào quá gần giống nhau, như các số liệu của 1 1 và 7 7. & NBSP;

5. Phác thảo phông chữ

Hãy để nói rằng các phong cách truyền thống hơn của serifs và sans serifs ở đây không thực sự phù hợp với & nbsp; phong cách độc đáo của thương hiệu của bạn.Và chữ thảo dường như không phù hợp. & NBSP;

Bạn có thể xem xét sử dụng phông chữ phác thảo trong trường hợp đó.

Bởi vì các phông chữ được phác thảo phần nào làm suy giảm khả năng đọc của văn bản (vì về cơ bản bạn đã lấy ra các ký tự), bạn sẽ chỉ muốn sử dụng những điều này trong các văn bản tiêu đề hoặc tiêu đề lớn hơn.Nhưng điều đó tốt.Khi bạn có những tiêu đề ngắn, mạnh mẽ cần thu hút sự chú ý của khách truy cập, sau đó phác thảo phông chữ chắc chắn sẽ hoàn thành công việc.

6. Phông chữ cổ điển

Có vẻ như những gì đã cũ là mới một lần nữa, vì vậy nó không có gì ngạc nhiên khi các phông chữ retro hoặc cổ điển xuất hiện trên các trang web mặc dù có vẻ ngoài ngày của họ. & NBSP;

Một trong những lý do tại sao retro luôn luôn mát mẻ là vì nỗi nhớ.Khi người tiêu dùng được nhắc nhở về những ngày xưa tốt đẹp của người Viking thông qua kiểu chữ, họ có thể sẽ cảm thấy một sự gắn bó cảm xúc mạnh mẽ với bất cứ điều gì họ đọc.

Và đó là vì sự liên kết này mà họ làm cho quá khứ, ngay cả khi nó không được thực hiện theo một cách rõ ràng. & NBSP;

7. Phông chữ hiện đại

Nó dễ dàng gọi bất kỳ phông chữ nào phổ biến ngày nay các phông chữ hiện đại, nhưng đó không thực sự là ý nghĩa của chúng tôi.Phông chữ hiện đại có các đặc điểm nhất định: & nbsp;

• Họ dựa trên các dòng và mẫu hình học đơn giản. & NBSP;
• Họ đã thiết kế tối thiểu tại cốt lõi của họ. & NBSP;
• Biểu mẫu phải tuân theo hàm. & NBSP;
• Họ phá vỡ với phong cách cổ điển và truyền thống. & NBSP;

Về cơ bản, những gì các phông chữ hiện đại cuối cùng là các phong cách hình học với một lợi thế hơi tương lai.Họ rất dễ đọc, nhưng có một số lượng phấn khích nhất định đi kèm với họ.

Các loại phông chữ khác nhau có nghĩa là gì?

Mỗi phông chữ có nhân vật độc đáo và các nhà thiết kế phông chữ đưa ra ý nghĩa cụ thể trong các phông chữ mà họ tạo ra.Vì vậy, khi một nhà thiết kế trang web chọn một phông chữ, nó gợi ra một cảm xúc cụ thể, chẳng hạn như hạnh phúc, được chào đón, thoải mái, nản chí, tích cực, lôi cuốn hoặc tha thiết.

& nbsp; Vì lý do này, các nhà thiết kế cần hiểu tâm lý đằng sau mỗi loại phông chữ để thiết kế trang web một cách chính xác.Phông chữ cũng cung cấp cho khán giả một hương vị văn hóa công ty của bạn nhanh như màu sắc trang web và đồ họa. & NBSP;

Mặc dù các tính năng đánh máy của serifs thường phân loại phông chữ, nhưng chúng cũng có thể được mô tả là có tính cách giống con người hơn.Nói cách khác, sự xuất hiện của phông chữ (không phân biệt những gì các từ nói) đưa ra một tâm trạng và cảm giác cụ thể, có thể thay đổi hiệu quả của nội dung của bạn. & NBSP;

Do đó, học cách dự đoán cách phông chữ của bạn có thể khiến khán giả của bạn cảm thấy là một sự đảm bảo khác rằng nội dung của bạn đạt được hiệu quả tối ưu.Mặc dù không có phương trình dự đoán (không có lần người La Mã mới luôn luôn tương đương với tâm trạng cụ thể này), chúng ta đã lớn lên trong một nền văn hóa nơi các hiệp hội nhân cách đã phát triển.Do đó, phần lớn dự đoán có thể dựa trên nhận thức và bản năng.

Cách chúng tôi chọn phông chữ tốt nhất cho các trang web

Khi chọn các phông chữ web tốt nhất cho danh sách này, chúng tôi muốn đảm bảo rằng mỗi người đáp ứng các yêu cầu và đặc điểm cụ thể. & NBSP;

• Tính dễ đọc: Phông chữ, trong đó mỗi nhân vật dễ dàng phân biệt với nhau - một đặc điểm sẽ giúp bạn cải thiện khả năng tiếp cận và trải nghiệm đọc. & NBSP;: Fonts, where each character is easily distinguishable from one another — a characteristic that will help you improve accessibility and the reading experience. 
• Khả năng đọc: Các phông chữ được thiết kế để sử dụng trong các phần cụ thể của trang web (nghĩa là các phông chữ lớn, đậm trong tiêu đề so với các phông chữ được tạo kiểu, đơn giản trong cơ thể).: Fonts that are designed for use in specific parts of the site (i.e. big, bold fonts in headers vs. clean, simply styled fonts in the body).
• Thoải mái/quen thuộc: Phông chữ làm cho độc giả thoải mái.Các lựa chọn thiết kế web đi chệch quá xa so với định mức, có thể tạo ra trải nghiệm đáng sợ cho khách truy cập và các kiểu chữ bất ngờ hoặc không phổ biến có thể đóng góp cho điều đó.: Fonts that make readers comfortable. Web design choices that deviate too far from the norm, can create an unnerving experience for visitors and unexpected or uncommon typefaces can contribute to that.

Một yếu tố khác mà chúng tôi xem xét là trọng lượng của phông chữ.Nhiều phông chữ web được cài đặt sẵn với WordPress, chủ đề của bạn hoặc plugin Trình tạo trang kéo và thả của bạn. & NBSP;weight of the font. Many web fonts aren’t pre-installed with WordPress, your theme, or your drag and drop page builder plugin. 

Điều này có thể gây ra các vấn đề với tốc độ tải tùy thuộc vào cách trang web của bạn được tối ưu hóa (cũng như tính nhất quán trong cách họ hiển thị từ trình duyệt đến trình duyệt).Vì vậy, nếu đây là mối quan tâm lớn đối với bạn, chúng tôi đã cố gắng bao gồm ít nhất một phông chữ an toàn trên web nhẹ trong mỗi danh mục. & NBSP;

Bao gồm các kiểu chữ bao gồm một loạt các kiểu (ví dụ: kỳ cục, hình học, tấm, v.v.) cũng rất quan trọng.Nó giống như bất kỳ yếu tố nào khác trong thiết kế web - bạn cần kiểu chữ của mình để hòa trộn với tính cách tổng thể của trang web và đôi khi các phông chữ cơ bản và phổ biến nhất giành được.range of styles (e.g. grotesque, geometric, slab, etc.) was also important. It’s just like any other element in web design — you need your typeface to blend with the overall personality of the website and sometimes the most basic and popular fonts won’t do.

40 phông chữ tốt nhất cho các trang web

1. Arial

Theo Fontreach, Arial là phông chữ số 1 được sử dụng trên web, với hơn 604.000 trang web hiện đang sử dụng nó.Google, Facebook và Amazon chỉ là một số trang web phổ biến sử dụng Arial. & NBSP;

Được tạo bởi các nhà thiết kế Monotype để sử dụng trong máy in laser IBM, phông chữ an toàn web này là một trong những lựa chọn tốt nhất cho giao diện người dùng có khả năng dễ đọc.

Có thể phông chữ này không đẹp như một số phông chữ khác trong danh sách này, nhưng nó rất phổ biến và thường xuyên được sử dụng. & NBSP;

2. Lato

Lato là một phông chữ Google ban đầu được thiết kế cho một khách hàng của công ty.Mặc dù tập đoàn đã vượt qua sự sáng tạo của nhà thiết kế phông chữ, Lato đã được tái sử dụng và được cung cấp cuộc sống là một trong những kiểu chữ phổ biến nhất trên web.Lato được sử dụng trên các trang web như Goodreads, WebMD và Merriam-Webster. & NBSP;

Nhờ sự cân bằng mà nó tạo ra giữa các đường cong nhẹ nhàng và thiết kế mạnh mẽ, phông chữ này mang đến một sự rung cảm mạnh mẽ nhưng đáng hoan nghênh.

3. Montserrat

Montserrat là một phông chữ Google lấy cảm hứng từ các biển hiệu từ khu phố Montserrat của Buenos Aires vào đầu những năm 1900.Xem xét lịch sử kiến trúc phong phú của thành phố và vẻ đẹp độc đáo của những con đường hẹp của nó (giống như các nhân vật hẹp của phông chữ), nó rõ ràng tại sao người đánh máy tìm thấy cảm hứng trong đó.

Phông chữ Sans Serif sinh động và đẹp này được thiết kế dành riêng cho việc đọc nhanh, vì vậy nó thực sự rất tốt trong văn bản cơ thể nhỏ hơn trên web.

4. Neue Helvetica

Neue Helvetica là phông chữ phổ biến thứ hai trên web, với hơn 218.000 trang web như Facebook, Yahoo và eBay sử dụng nó.Sự phổ biến của nó có ý nghĩa không chỉ khi bạn nhìn vào lịch sử dài của nó trong việc sắp chữ, mà còn vào phiên bản của nó được số hóa và được số hóa rất nhiều.Nó rất đơn giản, dễ đọc và cũng hoạt động như nhau trong văn bản tiêu đề và cơ thể.

Gia đình phông chữ đi kèm với 128 kiểu chữ khác nhau, bao gồm nhẹ, nặng, La Mã, phác thảo, cô đọng và các phong cách khác.

5. Roboto

Khi thế giới của chúng ta trở nên kết nối và công nghệ tiên tiến hơn, sẽ ngày càng có nhiều trang web được hưởng lợi từ các kiểu chữ như Roboto.Mặc dù kiểu chữ này có một cảm giác công nghệ, giống như máy, các nhân vật mở rộng cũng mang lại cho nó một liên lạc thân thiện. & NBSP;

Ban đầu được thiết kế bởi Google là một phông chữ hệ thống Android, Sans Serif mới này hiện được sử dụng trên các trang web như YouTube, Flipkart và Vice.com.

6. Lora

Lora là một phông chữ serif đương đại.Mặc dù nó chắc chắn hoàn thành công việc về mặt giúp khách truy cập trang web đọc qua rất nhiều nội dung, nhưng các nét cọ độc đáo ở cuối nhân vật mang đến cho phông chữ đặc biệt này một sự rung cảm nghệ thuật hơn so với các serifs khác. & NBSP;

Như vậy, nó hoạt động thực sự tốt trong văn bản đoạn văn của các trang web tin tức và giải trí, như Fox News, The Kitchn và Urban Dictionary.

7. Merriweather

Merriweather là một phông chữ Google được thiết kế đặc biệt để cải thiện khả năng đọc trên màn hình.Bạn sẽ thấy bằng chứng về điều này trong các loại trang web sử dụng Merriweather để tạo kiểu cho các đoạn văn của họ, như Goodreads, Coursera và Harvard.edu.

Merriweather cũng có một đối tác Sans Serif, vì vậy nếu bạn đang xây dựng một blog hoặc trang web dày đặc văn bản khác, việc ghép đôi hai phông chữ này sẽ hoạt động tốt trong việc tập trung vào văn bản chứ không phải vào bất kỳ sự phân tâm xung quanh nào.

8. Pt serif

PT Serif ban đầu được tạo ra cho các trang web có độc giả nặng nề của Nga, đó là lý do tại sao một bộ nhân vật Cyrillic đầy đủ có sẵn trong họ phông chữ này. & NBSP;

Điều đó nói rằng, một bảng chữ cái Latin hoàn chỉnh cũng có sẵn, vì vậy phông chữ có tỷ lệ tốt này cũng có thể được sử dụng trên các trang web nói tiếng Anh như trong Apeg, Lifehack và Hongkiat sử dụng pt serif.

9. Phổ

Spectral là một trong những phông chữ mới hơn trong danh sách này, nhưng nó xứng đáng với một vị trí vì nó đẹp như thế nào xử lý nội dung dạng dài trên web.Điều đặc biệt tốt đẹp về phông chữ này là làm thế nào nó cảm thấy kém tay hơn nhiều anh chị em serif của nó (chú ý đường cong nhẹ nhàng của J J J hoặc cách đỉnh của các đường cong của F F xung quanh). & NBSP;

Với 14 phong cách khác nhau cho gia đình phông chữ này, bạn có nhiều cách khác nhau mà bạn có thể đặt serif theo phong cách đơn giản này để sử dụng.

10. Thời báo New Roman

Khi tờ báo Thời báo Luân Đôn cần một kiểu chữ mới trong phần trước của thế kỷ XX, nó đã làm việc với một nhà thiết kế đơn sắc để tạo ra thời gian tùy chỉnh New Roman. & NBSP;

Cho đến ngày nay, TNR số hóa là một trong những phông chữ dễ nhận biết, phổ biến và dễ đọc nhất trên web.Các trang web như Daily Mail, Huffington Post và Wayfair đều sử dụng nó.Như một phần thưởng, nó cũng an toàn trên web (một loại được cài đặt phổ biến trên tất cả các thiết bị).

11. abril fatface

Abril Fatface là một phông chữ Google dựa trên các tiêu đề quảng cáo từ Anh và Pháp vào những năm 1800. & NBSP;

Trọng lượng của phông chữ mang lại sức mạnh cho bất kỳ tiêu đề hoặc tiêu đề nào bạn áp dụng nó cho.Mặt khác, các đường cong của chữ và số cũng truyền đạt cảm giác thanh lịch.Nếu bạn có một trang web mà bạn muốn mang đến một sự tinh tế cổ điển, thế giới cũ, đây sẽ là một lựa chọn đẹp.

12. Calendas Plus

Bằng cách nhìn vào mẫu ở trên, bạn đã nghĩ rằng Calendas Plus không gì khác hơn là một phông chữ serif cơ bản.Tuy nhiên, nó thực sự là một bản nâng cấp từ lịch ban đầu.Một gia đình phông chữ này hiện bao gồm các nhân vật đặc biệt sẽ cung cấp cho bất kỳ trang web hoặc blog nào về một cuốn sách văn học cổ điển như: & nbsp;

• Các nhân vật cũ với độ cao khác nhau
• Dây chằng tùy ý kết hợp hai hoặc nhiều ký tự theo kiểu thư pháp
• Các ký tự Swash nơi các đầu của một số chữ cái nhất định xoay qua hoặc dưới phần còn lại
• Các nhân vật toán học được thiết kế sẵn, như phân số, siêu ký tự
• Mũ nhỏ

13. Liên đoàn Gothic

Liên minh loại có thể di chuyển đã quyết định lấy một phông chữ cổ điển cũ bị lạc trong phạm vi công cộng sau khi xưởng đúc ban đầu bị phá sản (Gothic #1 thay thế) và mang lại cho nó cuộc sống mới trong thế kỷ hai mươi mốt. & NBSP;

Mặc dù có nguồn gốc từ đầu thế kỷ XX, League Gothic hoạt động tốt trên web, đặc biệt là khi được sử dụng để tiêu đề các dự án nghiêm túc hơn.Các trang web như Chron.com, Fox Sports và The Blaze sử dụng nó.

14. Nexa

Nexa không chỉ là một phông chữ sạch sẽ và phong cách để sử dụng cho các tiêu đề hoặc tiêu đề trên trang web của bạn.Nếu bạn giúp khách hàng thiết kế thương hiệu của họ - logo cũng như vật liệu có thương hiệu trong tương lai - phông chữ này cũng hoạt động rất tốt trong thiết kế đồ họa. & NBSP;

Có 18 phong cách phông chữ trong gia đình, vì vậy bạn có thể sử dụng nó trên một số trang web và không bao giờ thực sự có bất kỳ trong số chúng cuối cùng trông giống nhau.

15. Raleway

Ban đầu, Raleway được thiết kế để trở thành một phông chữ duy nhất, có trọng lượng mỏng.Tuy nhiên, trong thập kỷ qua, gia đình phông chữ hiển thị này đã được mở rộng để bao gồm chín trọng lượng, từ mỏng đến đen.Ngoài ra, nó đi kèm với các tính năng kiểu cũ, tương tự như Calendas Plus.Nó cũng có một phong cách thay thế biến phông chữ mới này thành một sans serif hình học.

Như bạn có thể tưởng tượng, sự đa dạng này trong phong cách và tính khả dụng của nhân vật mang lại cho các nhà thiết kế web một số tính linh hoạt về nơi và khi họ quyết định sử dụng nó.

16. Giắc cắm đen

Black Jack có một cảm giác tự nhiên và giản dị với nó, nhờ các chữ cái viết tay không phải lúc nào cũng kết nối - giống như khi ai đó viết bằng chữ thảo trong một thời gian và thêm vòng quay độc đáo của họ vào nó. & NBSP;

Phông chữ này sẽ hoạt động tốt trên một trang web cho một nhà cung cấp dịch vụ hoặc cơ quan cung cấp dịch vụ liên lạc cá nhân hoặc găng tay trắng.

17. SCRIPT SCRIPT MT

Brush Script MT là một phông chữ adobe an toàn trên web.Nó được bán trên thị trường như là Peppy, không chính thức và không tự tin, đó là một mô tả tại chỗ. & NBSP;

Nếu bạn muốn bất kỳ văn bản nào trên một trang web trông giống như một ghi chú viết tay không chính thức nhưng chuyên nghiệp từ người sáng lập hoặc CEO, đây sẽ là một lựa chọn tốt cho điều đó.

18. Sữa lắc

Nếu bạn đang tìm kiếm một phông chữ chữ thảo dày, lấp đầy không gian tốt, sữa lắc là một loại tốt để xem xét. & NBSP;

Không giống như một số phông chữ chữ thảo hữu ích vì sự tương đồng gần với chữ viết tay thực tế, cái này phù hợp hơn với vị trí trong văn bản tiêu đề và logo.Chỉ cần đảm bảo rằng thương hiệu mà bạn sử dụng nó có một tính cách táo bạo và thú vị.Điều này sẽ hoạt động tốt cho các thương hiệu chính thức hoặc truyền thống hơn.

19. Kịch bản nhiệm vụ

Script Mission là một phông chữ ấm áp và thân thiện với các nét vẽ vui tươi của nó và, tuy nhiên, phong cách rất thực tế. & NBSP;

Cảm giác giống như loại phông chữ mà bạn sử dụng để mời mọi người đến một cửa hàng mẹ hoặc cửa hàng địa phương hoặc quán ăn mà Lôi đã tồn tại mãi mãi.Điều này cũng sẽ hoạt động tốt trên các trang web cho các chuyên gia tư vấn, huấn luyện viên hoặc người làm việc tự do phục vụ khán giả nữ.

20. Pacifico

Pacifico là một phông chữ viết tay có sẵn thông qua Google Fonts. & NBSP;

Ban đầu nó được lấy cảm hứng từ văn hóa lướt sóng Mỹ từ những năm 1950, vì vậy, don rất ngạc nhiên nếu bạn tìm thấy nhiều công dụng cho nó khi thiết kế các trang web cho các cửa hàng cổ điển hoặc các loại hình kinh doanh khác với sự rung cảm retro, thoải mái. & NBSP;

21. Boldprice

Boldprice là một số và phông chữ tiền tệ được thiết kế với một cạnh cổ điển.Nó có hai phong cách.Một trong những bạn thấy ở đây là một trọng lượng thường xuyên, kiểu chữ rắn.Phong cách khác có sẵn là in đậm với vẻ ngoài khắc gỗ. & NBSP;

Những phông chữ này sẽ trông đẹp trong logo hoặc trên các trang web cho thực khách hoặc nhà hàng, cửa hàng ký gửi và các doanh nghiệp khác với một sự rung cảm của trường học cũ.

22. Số Clement

Số clement là một số và phông chữ dấu chấm câu chỉ với một kiểu. & Nbsp;

Người đánh máy đã giải cứu phông chữ này từ một cuốn sách mẫu vật từ đầu những năm 1800.Nó đã được tái sử dụng cho người dùng kỹ thuật số ngày nay, mặc dù nó mang theo cảm giác thanh lịch thế giới cũ, nhờ vào những vòng xoáy độc đáo ở cuối các nhân vật mở.

23. Số phòng Didone

Số phòng Didone là một phông chữ số, được tạo kiểu theo kiểu tương tự như số clement (tức là kiểu Didone).Nếu bạn thích vẻ ngoài của Clement, nhưng cảm thấy như nó quá mãnh liệt đối với logo hoặc văn bản hiển thị của bạn, đây có thể là một sự thay thế tốt đẹp. & NBSP;

Chỉ cần nhớ rằng nó chỉ đi kèm với các số và ký hiệu tiền tệ, vì vậy nếu bạn cần các loại dấu câu khác, bạn sẽ cần phải lấy nó từ một số khác (hoặc thường xuyên) của bạn.

24. Kiểu chữ gọn gàng hơn

Leaner là một con số đơn giản nhưng kỳ quặc và phông chữ dấu câu.Lưu ý cách một số nhân vật sử dụng các góc không đều (như 3 3 3) hoặc sử dụng một thiết kế thay thế (như biểu tượng $ $ $).

Nó có sáu trọng lượng, từ mỏng đến đậm.Nó cũng đi kèm với một bộ ký tự hoàn chỉnh alpha (chỉ chữ hoa), vì vậy bạn có thể sử dụng phông chữ duy nhất này để tạo kiểu logo chữ và số, văn bản hiển thị và thẻ tiêu đề.

25. TT tiêu chuẩn cũ

TT tiêu chuẩn cũ là một phông chữ số đa năng cũng đi kèm với bộ ký tự Latin hoàn chỉnh. & NBSP;

Phong cách Serif cổ điển này lấy cảm hứng từ những cuốn sách cũ, mang đến cho nó một vẻ ngoài sạch sẽ, mạnh mẽ và đáng tin cậy.Với điều này, nó sẽ hoạt động tốt trên một trang web thương mại điện tử cho một nhà bán lẻ nhỏ hơn, thích hợp hơn.

26. Brixton sans

Brixton Sans không chỉ là một phông chữ phác thảo đa ngôn ngữ được thực hiện theo phong cách vẽ tay.Nó thực sự là một phần của một gia đình gồm sáu phông chữ bao gồm: & nbsp;

• Nhẹ
• Phác thảo đèn & nbsp;
• Thường xuyên
• Phác thảo thường xuyên
• In đậm

Vì sự đa dạng này, bạn có thể kết hợp và thậm chí lớp hai trong số các phong cách này với nhau trong tiêu đề hoặc tiêu đề trang web của bạn.

27. Freeline

Mặc dù nhà thiết kế của Freeline cho rằng phông chữ này sẽ hoạt động tốt trên các trang web thời trang và thương hiệu, nhưng phong cách viết thư và không khí mở được áp dụng cho các nhân vật mang đến cho phông chữ này một cảm giác tương lai.Ngoài ra, còn có một cái gì đó về các đường hình học khiến cho phông chữ này cảm thấy nhanh chóng, giống như nó có thể phóng to trên màn hình trong đèn flash. & NBSP;

Như vậy, Freeline sẽ là một lựa chọn thông minh và phong cách cho việc tiêu đề và xây dựng thương hiệu trang web trong công nghệ, hàng không và không gian ô tô.

28. Hikou phác thảo

Không có gì siêu ra khỏi sự bình thường khi nói đến phác thảo của Hikou từ cái nhìn đầu tiên.Nó có một phông chữ phác thảo được thiết kế sạch mà dễ đọc và sẽ trông tuyệt vời trong nhiều kích thước tiêu đề và tiêu đề khác nhau. & NBSP;

Điều đó nói rằng, gia đình phông chữ bao gồm 10 kiểu và 2 trọng lượng.Trong số 10 kiểu, thực sự có 4 kiểu phác thảo rất độc đáo có sẵn: & nbsp;

1. Nội tuyến
2. Phác thảo (những gì bạn thấy ở trên)
3. Ăn mòn
4. Đường chéo

29. Sans Ostrich

Ostrich Sans là một phần của gia đình phông chữ với tám phong cách, một trong số đó là phông chữ phác thảo mà bạn thấy ở trên. & NBSP;

Điều làm cho gia đình đặc biệt này khác biệt là các bộ nhân vật kéo dài (giống như cổ của đà điểu).Sự lựa chọn thiết kế này chắc chắn sẽ cung cấp cho tiêu đề và văn bản tiêu đề một sự hiện diện lớn trên bất kỳ trang nào.Tuy nhiên, không giống như các kiểu điền, phông chữ phác thảo cảm thấy ít độc đoán hơn vì hầu hết các ký tự được mở ở cuối.

30. Portico

Portico là một gia đình phông chữ khổng lồ với 27 phong cách.Nhưng những kiểu này không phải là ánh sáng điển hình của bạn, các phong cách bình thường và táo bạo (mặc dù chúng cũng có sẵn).Gia đình của các bộ nhân vật toàn diện này dường như cung cấp một phong cách cho tất cả mọi người: cổ điển, grunge, phương Tây, tương lai, nghệ thuật, đương đại và nhiều hơn nữa. & NBSP;

Phông chữ phác thảo, đặc biệt, có vẻ như nó thuộc về một bộ phim Chiến tranh giữa các vì sao, mặc dù bạn có thể sử dụng nó cho các doanh nghiệp có sự rung cảm retro.

31. Thuyền trưởng Mỹ

Thuyền trưởng người Mỹ Font không chỉ lấy tên từ Marvel Captain Captain America.Nó chia sẻ nhiều đặc điểm giống như Avenger: Nó cao, mạnh mẽ và có thể nhận ra ngay lập tức. & NBSP;

Nó cũng khá linh hoạt và bao gồm các ký tự cho mũ nhỏ, phân số, glyphs thay thế, dây chằng, v.v.

32. Burford mộc mạc

Có 20 phong cách trong gia đình phông chữ mộc mạc Burford.18 trong số đó là những biến thể về phong cách mộc mạc và grunge của phông chữ này.Vì vậy, nếu bạn muốn một số biểu tượng kiểu cổ điển đặt xung quanh hoặc trong văn bản của bạn, gia đình này sẽ bao gồm nó. & NBSP;

Đối với khi bạn có thể sử dụng điều này, điều này sẽ hoạt động tuyệt vời cho các doanh nghiệp nhỏ hoặc thuộc sở hữu gia đình nằm ở các khu vực nông thôn hoặc mộc mạc, như khu cắm trại, khóa tu bên hồ, B & B, v.v.

33. Hillenberg

Hillenberg là một gia đình phông chữ với 10 phong cách cổ điển khác nhau.Người bạn thấy ở trên trông giống như một cái gì đó ở phía tây cũ.Có những phông chữ grunge có thể mang lại cho trang web của bạn một cái nhìn mộc mạc, được chạm khắc bằng gỗ.Có những phông chữ xếp hàng có thể làm cho văn bản của bạn trông giống như một chiếc Marquee cũ của Hollywood. & NBSP;

Nếu bạn chơi xung quanh với các kiểu retro khác nhau, thì đây là một phông chữ tốt để kiểm tra vì nó có nhiều tùy chọn được tích hợp.

34. Lazer 84

Lazer 84 kêu gọi tâm trí một khoảng thời gian rất cụ thể: thập niên 80.Roadhouse.Trò chơi trẻ con.Baywatch.Thật không phổ biến khi thấy các phông chữ được sử dụng khi bắt đầu các bộ phim hoặc chương trình truyền hình hồi đó. & NBSP;

Nếu bạn thấy mình đang thiết kế một trang web cho một công ty được thành lập vào những năm 80 muốn chơi theo phong cách của thời điểm đó, phông chữ này sẽ hoạt động tốt cho tiêu đề và tiêu đề của bạn.Bạn cũng có thể sử dụng nó cho bất kỳ trang web thân thiện với công nghệ nào với trò chơi video retro nhìn vào nó (nghĩ rằng Street Fighter).

35. Nathan

Nathan là một phông chữ kịch bản cổ điển với một cái nhìn viết tay.Bởi vì các nhân vật có khoảng cách và chiều cao không nhất quán, phông chữ này sẽ được sử dụng tốt nhất cho các tiêu đề trên trang web của bạn.Nó cũng sẽ trông tuyệt vời trong logo kiểu retro. & NBSP;

Vì cảm giác tự nhiên của chữ, bạn có thể sử dụng điều này trên các trang web cho các thương hiệu cổ điển cũng như các công ty hoàn toàn mới sản xuất các sản phẩm thủ công cho khách hàng địa phương.

36. Aqua Grotesque

Aqua Grotesque là một sự tái hiện của Futura, một phông chữ ban đầu được thiết kế trở lại vào những năm 1920 và dựa trên sự đơn giản và chức năng của Bauhaus.Phông chữ dễ đọc nhưng thú vị này sẽ hoạt động tốt như nhau trên các trang web với sự rung cảm retro cũng như trên các trang web thời trang và thương mại điện tử.

37. Exo 2

Vào năm 2013, nhà thiết kế của EXO đã quyết định rằng đã đến lúc đưa ra phông chữ trông tương lai một sự thay đổi, và do đó, Exo 2 đã ra đời. & NBSP;

Hai phông chữ là sans sans hình học gần như giống hệt nhau.Sự khác biệt chính giữa chúng là Exo 2 không được kéo dài và có các cạnh mềm hơn, giúp cải thiện khả năng đọc của phông chữ.Mặc dù Exo 2 có lợi thế tương lai với nó, nhưng nó vẫn là một phông chữ sạch sẽ hoạt động tốt trên nhiều trang web đang cố gắng đưa ra một tuyên bố mạnh mẽ.

38. Noir

Thực tế có một số phông chữ noir ngoài kia.Phông chữ chuyên nghiệp này, tuy nhiên, đi kèm với 12 phông chữ, vì vậy bạn có rất nhiều sự linh hoạt về cách bạn sử dụng nó. & NBSP;

Phiên bản ánh sáng của phông chữ - mà bạn thấy ở trên - là một sans serif đơn giản có thể được sử dụng thực tế ở bất cứ đâu trên một trang web.Mặt khác, các phong cách táo bạo và nặng nề đầy kịch tính có thể được sử dụng để tạo ra các tựa game và logo giống với các Marquees phim Noir cũ.

39. Privus

Privus là một phông chữ hình học gọn gàng có ba kiểu.Người bạn thấy ở đây được gọi là Light Light.Thực sự, mặc dù, nó biến mỗi nhân vật thành một mê cung.Sau đó, có một phông chữ trung bình trên mạng, đây là một phông chữ được phác thảo rất nhiều với các lỗ mở ngẫu nhiên trong các ký tự.Và Bold Bold là một phông chữ lớn, đầy. & Nbsp;

Nếu bạn đang tìm cách làm một cái gì đó sáng tạo với các tiêu đề hoặc logo của mình, thì phông chữ này có rất nhiều thứ để cung cấp.Bạn có thể chỉ sử dụng một trong những phong cách đặc biệt hoặc lớp hai trong số chúng cho hiệu ứng quang học bất thường.

40. Timeburner

Timeburner là một phông chữ thú vị.Mặc dù nó rất dễ đọc nhờ các dòng hình học và đường cong tạo nên các chữ cái, có những vòng xoắn độc đáo trong suốt. & NBSP;

Chẳng hạn, chữ thường của E E, đã xuất hiện trong thời gian ngắn.Nó không xuất hiện không đầy đủ, có vẻ như một độ dài phân đoạn nhất định đã được sử dụng để hoàn thành phần dưới của chữ cái.Cùng một phân đoạn đó dường như cũng là cái đuôi trong chữ cái G G.Khách truy cập và độc giả của bạn có thể không chọn chi tiết cụ thể đó, nhưng họ chắc chắn sẽ chú ý đến phông chữ bắt mắt này.

Gói (lại

Có hàng chục ngàn phông chữ có sẵn trực tuyến.Thu hẹp các lựa chọn và tìm kiếm những lựa chọn phù hợp với trang web của bạn tốt nhất, có thể là thách thức, nhưng, may mắn thay, hướng dẫn này sẽ hỗ trợ bạn trong quá trình. & NBSP;

Khi chọn phông chữ, hãy nhớ rằng bạn nên nhắm đến việc ghép không quá hai hoặc ba cho mỗi trang web bạn thiết kế.Điều này sẽ cung cấp cho giao diện của bạn một cái nhìn nhất quán từ đầu đến cuối, giúp tăng cường khả năng nhận biết thương hiệu.Nó cũng sẽ khuyến khích độc giả tập trung vào việc đọc những gì mà viết vì trái ngược với việc ngạc nhiên về tất cả các lựa chọn phông chữ điên rồ xả rác các trang của bạn.

Để được hướng dẫn bổ sung về cách chọn phông chữ phù hợp với trang web của bạn, hãy đọc bài viết toàn diện này.Và khi bạn tìm thấy phông chữ phù hợp với bạn, bạn sẽ học được rằng & nbsp; thêm phông chữ tùy chỉnh vào WordPress là một nhiệm vụ dễ dàng, đặc biệt là với Elementor.