| Còn nhớ hồi năm 2010 Google bắt đầu giới thiệu kho font miễn phí cho tất cả người dùng nhưng nó dường như vẫn chưa đáp ứng được nhu cầu của người dùng bởi giao diện đã cũ, font chậm cập nhật và một số ý kiến còn cho rằng không bắt kịp xu hướng thiết kế mới. Tuy nhiên bây giờ trang web duyệt font đã được tái thiết kế lại theo giao diện thiết kế phẳng hiện đại hơn, có chức năng lọc font theo kiểu chữ giúp mọi thứ được đẹp và dễ tìm kiếm hơn.
Show
Thay đổi lớn nhất chính là giao diện duyệt font: font bây giờ được bố trí theo từng ô như các thư mục trên màn hình thay vì một danh sách dài như trước đây. Mỗi ô font cho phép tùy chọn hiển thị font chữ theo câu văn, theo đoạn, các số, ký hiệu và cho phép người dùng gõ nội dung vào để test trước. Các style của font cũng được cung cấp và cho phép xài thử nếu có. Đặc biệt hơn là ở cột bên phải chúng ta còn có thể lọc font theo từng kiểu thiết kế khác nhau như có chân, không chân, viết tay,... lọc theo xu hướng thiết kế và đặc biệt là theo ngôn ngữ, có cả tiếng Việt luôn. Trong số hơn 800 font chữ, Google cho phép người dùng hiểu được thông tin thiết kế, tần suất sử dụng, mức độ phổ biến và có thể tải về hoặc nhúng vào trang web bằng đoạn mã mà hãng cung cấp ở từng font. Quá đã, thật sự là một thiên đường không thể bỏ qua đối với mọi người.  Tham khảo Googlefont Bí quyết tạo nên sự khác biệt cho website và các thiết kế của bạn nằm ở loại font hoặc typeface được sử dụng. Bài viết này sẽ giới thiệu đến bạn Google Font (một loại web font) và cách thức giúp bạn có được sự kết hợp font tối ưu. Làm cách nào để phối hợp Google Font? Google Font cho chúng ta rất nhiều lựa chọn, nhưng làm sao để tìm ra loại font phù hợp cho dự án của mình? Nên chọn font Serif hay Sans Serif, hay cả hai? Những người ngoài ngành thiết kế và thậm chí các designer cũng cảm thấy thật khó để lựa chọn giữa hàng trăm loại font khác nhau. Những website sau sẽ làm sẵn phần việc khó khăn cho bạn, chỉ cần làm theo những bước hướng dẫn của họ là bạn sẽ tìm được bộ Google font hoàn hảo. 1. Palet Tab Đây là một tiện ích mở rộng (extension) của Google Chrome, nó gợi ý những kết hợp font và màu sắc đẹp mắt mỗi lần bạn mở một tab mới trên Chrome. 2. 100 Days of Fonts Mỗi ngày trong 100 ngày liên tục, tác giả của trang web này sẽ gợi ý 1 cặp Google Font độc đáo và những tác phẩm cô ấy đã hoàn thành. 3. Font Pair Một nguồn tìm kiếm các sự phối hợp Google Font nữa, nhưng nó cho phép bạn download các cặp font về máy để dùng trên máy tính (ví dụ, PowerPoint) 4. Font Blender Nếu bạn muốn biết 1 font khi hoàn thiện sẽ trông như thế nào, có thể sử dụng Font Blender. App này cho phép bạn xem trước Google Font trong trình duyệt, thay đổi size chữ và chiều cao v.v... 5. Type Genius Chọn 1 web font cơ bản và Type Genius sẽ “tư vấn” cho bạn những font phù hợp. Website này dựa trên những kết hợp font có sẵn từ các website khác. 6. Type Inspiration Những trình diễn text độc đáo, ứng dụng Google Font. Kèm theo các code CSS để giúp bạn dễ dàng sao chép về dự án của mình. 7. Font Face Ninja Một tiện ích mở rộng dùng cho Google Chrome và Safari, giúp bạn nhận diện được loại font sử dụng ở bất kỳ trang web nào. Bạn thậm chí còn có thể download các font này, nhưng nhớ check các vấn đề liên quan đến bản quyền font nhé. Ngày hôm nay chúng ta sẽ cùng nhau đi vào tìm hiểu cách chọn font chữ phù hợp cho dự án web và những loại Google Font được sử dụng phổ biến trong thiết kế và design web nhé! Tại sao việc chọn font cho website lại quan trọng?Thông thường khi thiết kế web thì chúng ta thường quan tâm đến vấn đề phải làm sao cho component UI/UX có tính thẩm mỹ cao trong trang web Tuy nhiên theo mình thấy thì còn có một yếu tố rất quan trọng ảnh hưởng đến toàn bộ thiết kế tổng thể của trang web đó là Font chữ. Để nắm rõ hơn thì bạn hãy trang web Childsown sử dụng font chữ dành cho trẻ em dưới đây nhé: Những Cách Lựa Chọn Font Trong Thiết Kế WebThiết lập cỡ chữ trong trang webKích thước font được dựa vào khoảng số chữ mà bạn có ở trong nội dung website. Nếu bạn không có nhiều chữ và sử dụng chủ yếu các chú thích hay bình luận thì bạn nên chọn cỡ chữ 22px. Nên chọn một hay nhiều font trong một dự án web?Việc sử dụng một font chữ trong trang web sẽ làm website của bạn trở nên đơn điệu, không tạo được điểm nhấn cho các nội dung mà chúng ta muốn hướng tới người dùng. Còn nếu chúng ta sử dụng quá nhiều font thì website sẽ trông rất là rối và không mang lại được sự tập trung, chú ý và tính dễ đọc dành cho người dùng. Theo mình thấy thì bạn nên sử dụng kết hợp 2 font hoặc 4 font tùy vào mức độ chữ, nội dung của bạn ở trong website. Chọn font chữ tùy thuộc vào từng nội dung trong websiteThông thường khi người dùng đọc nội dung trên trang web thì đa số họ sẽ lướt qua để nắm các thông tin chính sau đó nếu có cảm giác thích thú thì khách hàng mới đọc chi tiết từng đoạn văn trong web của bạn. Do đó mình có một số lưu ý khi thiết lập font là :
Sử dụng màu sắc kết hợp với font chữNhiều khi sử dụng quá nhiều màu sắc cho nội dung trang web sẽ gây tác động ngược vì nó sẽ ảnh hưởng đến mức độ quan trọng của các thông tin mà chúng ta muốn truyền tải tới người dùng. Tại Sao Nên Sử Dụng Google Font Cho Website của bạn?Thật tuyệt vời khi Google Font ra đời, nó giúp chúng ta có thể dễ dàng sử dụng những font có tính thẩm mỹ cao cho trang web mà không cần phải tốn phí sử dụng (mã nguồn mở) và có thể áp dụng cho nhiều loại dự án web khác nhau từ cá nhân hay cho các website thương mại. Google font còn có thể sử dụng trên nhiều loại trình duyệt phổ biến hiện nay như là Google Chrome, Firefox, Opera, Safari, Opera và Edge. Ngoài ra còn một điểm mình cảm thấy cực thích ở Google Font đó là sự tiện lợi. Bạn có thể dễ dàng áp dụng font cho trang web của mình thông qua việc sử dụng CDN cũng như cải thiện tốc độ cho trang web. Những Google Font Tốt Dành Cho WebsiteTrong phần này chúng ta sẽ đi vào tìm hiểu những Google Font được sử dụng phổ biến trong thiết kế và phát triển web nhé! Font Open SansNguồn Font MontserratNguồn Font LatoNguồn Font Abhaya LibreNguồn Font AleoNguồn Font BarlowNguồn Font BitterNguồn Font PoppinsNguồn Font UbuntuNguồn Font RobotoNguồn Font AlegreyaNguồn Font CarmeNguồn Font Work SansNguồn Font NunitoNguồn Font AssistantNguồn Font VollkornNguồn Font BioRhymeNguồn Font SpectralNguồn Font ArchivoNguồn Những Công Cụ Hữu Ích Dành Cho Việc Chọn FontFont PairsNguồn FontjoyNguồn TypespirationNguồn Font Combinations CanvaNguồn MixfontNguồn Tổng kết:Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn những thông tin, công cụ, trang web về font hữu íchdành cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ! |
