67 Nguyễn Thị Định, Phường An Hải, TP. Đà Nẵng
Hướng dẫn

Hướng dẫn kiểm tra các Fonts đang được sử dụng trên một Website

Hướng dẫn kiểm tra các Fonts đang được sử dụng trên một Website
Chia sẻ

Giống như nhiều ứng dụng năng suất khác trên chợ ứng dụng ngày nay, phần mở rộng của trình duyệt được tạo ra để tăng hiệu suất công việc. Một lập trình viên về web hay một nhà thiết kế web qua nhiều năm khiến cho tôi thấy việc chỉ...

Tất nhiên bạn có thể truy cập vào chế độ Kiểm tra phần tử để xem cấu trúc của Website, nhưng quá trình này có vẻ hơi mất thời gian. Tôi mong muốn rằng tôi muốn có thông tin chỉ với dưới 3 cú click chuột và đây là khi phần mở rộng của trình duyệt đáp ứng tốt nhu cầu này

Fontanello

Tôi đã sử dụng một vài extensions trong quá khứ nhưng chỉ có Fontanello là để lại ấn tượng với tôi. Nó là một extension mã nguồn mở dành cho Google Chrome và Firefox giúp hiển thị các kiểu typographic cơ bản của trang hoặc bất kì đoạn text nào được chọn. Các styles được chỉ ra bao gồm font family, font weight, font size, line-height, và color.
Fontanello hoạt động như thế nào? Bạn chỉ cần đơn giản chọn bất kì một đoạn chữ và phải chuột sau đó chọn Fontanello từ Menu hiện ra. Bạn sẽ thấy thông tin về định dạng của đoạn Text đó

WhatFont

WhatFont là một extension khác làm cho việc xác định fonts ở trên trang web đơn giản hơn. Với người dùng không muốn lựa chọn các blocks text để xem thông tin của nó. Chức năng của WhatFont là tạo ra một popup to vừa đủ để hiển thị như font family, size, style, line-height, weight, và color. Extension cũng cung cấp cho bạn thấy fonts hiển những kí tự mẫu trong bảng chữ cái như thế nào
WhatFont hoạt động như thế nào? Click vào biểu tượng của extension để kích hoạt chúng và sau đó di chuột lên bất kì chữ nào trong trang Web và bạn sẽ nhìn thấy thông tin về font của chữ đó. Nó cũng hỗ trợ Google Font API và Type Kit
Depending on the workflow you prefer, choose either Fontanello or WhatFont knowing that you’ll never need to enter developer mode just to check for a website’s font properties.
Tuỳ theo công việc của bạn. Bạn có thể chọn lựa sử dụng giữa Fontanello hoặc WhatFont. Và bạn sẽ không bao giờ cần vào chế độ developer hay kiểm tra phần tử để xem thông tin vè Font của một Website

Chia sẻ

Bài viết liên quan

Tối ưu chi phí hạ tầng: chọn đúng cấu hình, thuê theo nhu cầu

Tối ưu chi phí hạ tầng: chọn đúng cấu hình, thuê theo nhu cầu

Cách giảm chi phí hạ tầng hợp lý: chọn đúng cấu hình (right-sizing), thuê theo nhu cầu, kết hợp dịch vụ và rà soát tài nguyên định kỳ mà không ảnh hưởng vận hành

Cách săn khuyến mãi VPS/máy chủ, tránh bẫy giá rẻ

Cách săn khuyến mãi VPS/máy chủ, tránh bẫy giá rẻ

Cách tận dụng khuyến mãi VPS và máy chủ hợp lý, đọc kỹ điều kiện gia hạn và nhận biết bẫy giá rẻ ảnh hưởng chất lượng dịch vụ

Chọn nhà cung cấp VPS/máy chủ: tiêu chí cần kiểm tra

Chọn nhà cung cấp VPS/máy chủ: tiêu chí cần kiểm tra

Các tiêu chí chọn nhà cung cấp VPS và máy chủ: uptime/SLA, hạ tầng data center, peering, hỗ trợ kỹ thuật và chính sách hoàn tiền, kèm cách đọc cam kết dịch vụ

Phần mềm mã nguồn mở thay thế để tiết kiệm bản quyền

Phần mềm mã nguồn mở thay thế để tiết kiệm bản quyền

Gợi ý các phần mềm mã nguồn mở thay thế giải pháp có phí cho máy chủ: hệ điều hành, cơ sở dữ liệu, web server, control panel và ảo hóa, kèm lưu ý chi phí vận hành

So sánh bản quyền control panel: cPanel, DirectAdmin, Plesk

So sánh bản quyền control panel: cPanel, DirectAdmin, Plesk

So sánh cPanel, DirectAdmin và Plesk về tính năng, hệ điều hành hỗ trợ và chi phí bản quyền, kèm gợi ý chọn control panel theo số website và nhu cầu

Các loại bản quyền Windows Server và cách chọn cho đúng

Các loại bản quyền Windows Server và cách chọn cho đúng

Hiểu cấp phép Windows Server theo core, CAL và các kênh OEM/Volume/CSP, phân biệt Standard và Datacenter để chọn bản quyền phù hợp và hợp lệ