Tổng hợp phông chữ chuẩn trong Blog

VIEW:

BÀI LIÊN QUAN

• 30+ template free blogger chuẩn SEO update 2017
• Đăng ký đào PI Network để sở hữu đồng tiền ảo Pi

• Tạo nút like share facebook chuẩn cho Blog( hay website, wordpress)
• Chèn icon vào thanh menu Blogspot

 Hôm nay mình giới thiệu cho các bạn một bản gồm các kiểu loại phông chữ trong thiết kế design blog hay web bất kì khi muốn thay đổi font chữ.


 Trong HTML và XHTML , một mặt chữ hoặc họ phông chữ là chữ đó sẽ được áp dụng bởi một trình duyệt web với một số văn bản. Các font chữ có liên quan cho việc hiển thị văn bản trên màn hình, trên một máy in hoặc thiết bị khác.
Một phông chữ và các thuộc tính trình diễn khác của một phông chữ có thể được áp dụng trong mã HTML trong hoặc cascading style sheets (CSS) hoặc bị phản đối HTML font

.text { font-family: times, serif; font-size:14pt; font-style:italic; }
<p class="text">
Sample text formatted with CSS in a separate stylesheet.
</p>

<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Sample text formatted with inline CSS.
</p>

<p><i><font face="times, serif" size="3">
Sample text formatted with the deprecated FONT tag.
</font></i></p>

   Trong CSS, một font-family (hoặc mặt trong HTML) bao gồm một tập hợp các phông chữ liên quan, phân nhóm như gia đình font. Ví dụ, các lần gia đình bao gồm các kích cỡ phông chữ khác nhau, phong cách (như La Mã và nghiêng), và trọng lượng (như thường xuyên và đậm).

   Các trình duyệt web sẽ chỉ có thể áp dụng một font nếu nó có sẵn trên hệ thống mà trên đó nó hoạt động, mà không phải là luôn luôn như vậy. nhà văn HTML có thể liệt kê ra trong gia đình chữ thứ tự ưu tiên để sử dụng khi dựng hình văn bản. Danh sách phông chữ được phân cách bằng dấu phẩy (như trên). Để tránh những kết quả bất ngờ, gia đình chữ cuối cùng trên danh sách phông chữ nên là một trong năm gia đình chung chung mà là theo mặc định luôn luôn có sẵn trong HTML và CSS. Trong sự vắng mặt của một phông chữ được tìm thấy, trình duyệt web sẽ sử dụng font chữ mặc định của nó, mà có thể là một người dùng xác định. Tùy thuộc vào trình duyệt web, người dùng có thể trong thực tế ghi đè lên các font được định nghĩa bởi người viết mã. Đây có thể là lý do cho sở thích cá nhân, nhưng cũng có thể là do một số hạn chế vật lý của người sử dụng, chẳng hạn như sự cần thiết cho một cỡ chữ lớn hơn hoặc tránh các màu sắc nhất định.

Bảng phông chữ

Các font-family có thể sử dụng một phông chữ có tên cụ thể (như Heisei Mincho W9 ), nhưng kết quả phụ thuộc vào các phông chữ được cài đặt trên máy tính người dùng. Sự xuất hiện thực tế sẽ phụ thuộc vào các trình duyệt và các phông chữ được cài đặt trên hệ thống cài đặt. Một mặc định của Firefox trên Microsoft Windows , ví dụ, luôn luôn hiển thị serif và lần như Times New Roman , và sans-serif và Helvetica như Arial .

Thông thường chỉ có một nhóm nhỏ của họ, chủ yếu là "chữ thảo", 'Serif', 'Sans-serif' và 'Monospace', có thể dễ dàng cấu hình bởi người sử dụng trong các trình duyệt web.

Font Example (dependent on installed fonts) Agency FB ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Antiqua ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Architect ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Arial ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 BankFuturistic ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 BankGothic ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Blackletter ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Blagovest ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Calibri ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Comic Sans MS ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Courier ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Cursive ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Decorative ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Fantasy ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Fraktur ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Frosty ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Garamond ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Georgia ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Helvetica ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Impact ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Minion ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Modern ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Monospace ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Open Sans ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Palatino ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Roman ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Sans-serif ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Serif ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Script ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Swiss ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Times ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Times New Roman ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Tw Cen MT ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789 Verdana ABCDEFGHIJKLMNOPQRSTUVWXYZ The quick brown fox jumps over the lazy dog. 0123456789