728x90 AdSpace

  • Latest News

    Được tạo bởi Blogger.
    Thứ Hai, 22 tháng 10, 2012

    Google Fonts API: Sử dụng phông chữ trực tiếp từ Google

    nino24 ) - Google Fonts API: Sử dụng phông chữ trực tiếp từ Google

    Dường như càng ngày gã khổng lồ Google càng không che giấu ý đồ muốn thống lĩnh mạng toàn cầu. Nếu bạn là một người thường xuyên cập nhật thông tin sẽ nhận thấy sản phẩm mang thương hiệu Google hiện diện khắp mọi nơi: Google Search Engine, Google Mail, Google Browser, Google Phone, Google OS, Google DNS,… Còn rất nhiều nữa mà Việt Coding nghĩ không cần thiết liệt kê hết ra ở đây. Ở lĩnh vực dành cho WebMaster Google cũng có những sản phẩm miễn phí thu hút rất nhiều người sử dụng như : Google Analytics, Webmaster Tools, FeedBuner, iGoogle, Reader, Website Optimizer, Blogger, Chart API, … và mới đây nhất là Google Font API.
    Google Fonts API logo Google Fonts API: Sử dụng phông chữ trực tiếp từ Google
    Google Fonts API
    [help]Google Fonts API là gì ?
    [/help]
    Google miêu tả bằng một câu rất ngắn gọn và xúc tích:

    The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API.
    Việt Coding xin mở rộng thêm một chút: Google đã và đang làm việc với một số những nhà thiết kết phông chữ tài năng, thiết kế ra một thư viện mở phông chữ trực tuyến – nó được lưu trữ trên máy chủ của Google và các webmasters có thể sử dụng nó. Bạn có thể tích hợp nó vào các dự án của bạn chỉ mất chưa tới 20 giây.
    Việt Coding cho rằng  đây sẽ là một dịch vụ được đánh giá cao trong tương lai, nhất là đối với các webblog chuyên về thiết kế. Như các bạn cũng thấy, có nhiều webblog của các designer nước ngoài có giao diện cực kỳ tráng lệ và mang dấu ấn rất riêng từ ý tưởng của chủ blog. Đặc sắc từ hình ảnh nền, màu sắc, menu, phông chữ. Phông chữ họ dùng không như những phông mà các webblog bình thường hay dùng như Arial, Tahoma,… mà là những phông được thiết kế riêng biệt không “đụng hàng”. Với cách dùng phông đặc trưng như vậy, thường sẽ làm tăng khả năng tải của máy chủ. Điều này sẽ là gánh nặng với webblog có lượt truy cập lên đến 5-6 con số /ngày. Nay với sự ra mắt của GFA, hệ thống máy chủ “khủng” của Google sẽ chia sẻ bớt gánh nặng rất nhiều (bandwidth và caching).
    Đoạn mã dưới đây minh hoạ cho việc tích hợp phông chữ vào một trang HTML:
    ?
    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    13
    14
    15
    < !DOCTYPE html>
     
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>untitled</title>
    <link href=’http://<a rel="nofollow" target="_blank" title="fonts" href=" http://vietcoding.com/google-fonts-api-su-dung-phong-chu-truc-tiep-tu-google/">fonts</a>.googleapis.com/css?family=Yanone+Kaffeesatz’ rel=’stylesheet’ type=’text/css’>
    <style>
    body { font-family: ‘Yanone Kaffeesatz’, serif; font-size: 100px; }
    </style>
    </link></meta></head>
    <body>
    Hello World
    </body>
    </html>
    Đây là kết quả:
    GFA Yanone Kaffeesatz Google Fonts API: Sử dụng phông chữ trực tiếp từ Google
    GFA với phông "Yanone Kaffeesatz"
    Để lựa chọn một phông khác, bạn truy cập vào Google Font directory. Rê chuột lên phông bạn muốn dùng, dòng chữ “Click to embed…” hiện lên, bạn nhấn vào
    GFA Choose other font 450x97 Google Fonts API: Sử dụng phông chữ trực tiếp từ Google
    Google Fonts API - Chọn nhúng một phông chữ khác
    Ở trang tiếp theo, bạn có thể xem thử phông chữ đó ở nhiều kích cỡ khác nhau. Nếu vừa ý, bạn nhấn vào Get the code
    GFA Preview 450x418 Google Fonts API: Sử dụng phông chữ trực tiếp từ Google
    Google Fonts API - Xem thử phông chữ
    Bạn chỉ cần copy đoạn code vào trang web của bạn là xong:
    Google Fonts API Get the code 450x221 Google Fonts API: Sử dụng phông chữ trực tiếp từ Google
    Google Fonts API - Lấy mã chèn
    Đây là một kết quả với phông chữ khác:
    GFA Lobster 450x105 Google Fonts API: Sử dụng phông chữ trực tiếp từ Google
    GFA-Lobster
    Dịch vụ mới này của Google ắt hẳn sẽ được các webmaster quan tâm và ủng hộ khi họ sẽ nhiều lựa chọn trong việc thiết kế web như là sử dụng phông chữ đẹp, không tốn tài nguyên mà tất cả lại miễn phí. Nhưng GFA lại đẩy các nhà thiết kế phông (không làm cho GFA) vào thế phải quy phục hoặc đối đầu (nếu Việt Coding là một Fonts Designer thì chẳng dám ở thế đối đầu đâu :D).
    Như vậy Google lại vươn một cánh tay (hay vòi bạch tuột ?) “ôm” thêm một lĩnh vực nữa. Liệu những lĩnh vực nào đang trong tầm “thôn tính” của Google ? Google sẽ mất bao lâu nữa để trở thành biểu tượng duy nhất của Internet ? Chúng ta hãy chờ xem nhé icon smile Google Fonts API: Sử dụng phông chữ trực tiếp từ Google










    Nguồn :
    Người viết :
    Biên soạn lại : Nino 24
    • Nino24 Comments
    • Facebook Comments

    0 nhận xét:

    Đăng nhận xét

    Item Reviewed: Google Fonts API: Sử dụng phông chữ trực tiếp từ Google Rating: 5 Reviewed By: Long Jack
    Scroll to Top