Google Font API, Font Directory

Post Pic
στις 21.05.10. Kατηγορίες Web Building, Άρθρα με 4 Σχόλια

Νέα υπηρεσία από την Google, και βέβαια όπως σχεδόν όλες οι υπηρεσίες της Google, έτσι και αυτή αναμαίνεται να δημιουργήσει πανικό (με την καλή έννοια). Ο λόγος για τα Google Fonts, για το Font API αλλά και το Font Directory, τα οποία μας βοηθάνε να ενσωματώσουμε ότι font θέλουμε στις σελίδες μας. Διαβάστε περισσότερα για αυτήν την νέα υπηρεσία

H Google πρόσφατα ανακοίνωσε το νέο Font API και το νέο Font Directory. Τι σημαίνει αυτό για εμάς; Πολλά ! Όλα τα εργαλεία για να προσθέσουμε custom fonts στις ιστοσελίδες μας, είναι πλέον μερικά κλίκ μακριά.

Πως χρησιμοποιώ το Font Directory και το Font API;

To μόνο που έχουμε να κάνουμε είναι να συμπεριλάβουμε σαν stylesheet το font από το Google Directory στο <head> της σελίδας μας. Δείτε το παράδειγμα παρακάτω

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>untitled</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style>
body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px; }
</style>
</head>
<body>
Hello World
</body>
</html>

Τι κερδίζουμε χρησιμοποιόντας το Font API;

  1. Ελατωμένη χρήση bandwidth (το βάρος το επωμίζεται η Google)
  2. Ταχύτητα λόγω Caching  (ίδια fonts που χρησιμοποιούνται σε ιστοσελίδες, αποθηκεύονται στους browser μας)
  3. Γενικότερη ταχύτητα (Το Google’s CDN είναι γρηγορότερο από κάθε ιστοσελίδα)

Μπορείτε να βρείτε περισσότερες οδηγίες και την λίστα με τα διαθέσιμα fonts εδώ

Tags: , , , , , , ,

Pantso { Προσωπική Ιστοσελίδα / Άρθρα Στο GreekTuts }
Ο Παναγιώτης έχει σπουδάσει προγραμματιστής και προγραμματιστής Video Games ενώ τώρα κάνει το Bachelor του σε Computer Science από το Πανεπιστήμιο του Roehampton στο Λονδίνο. Έχει εργαστεί στο Darkfall Online , το πρώτο ελληνικό MMORPG, ως World Builder, είναι BlackBoard Support Certified , ενώ σήμερα εργάζεται ώς HTML Author στην Atcom SA.

4 Σχόλια στο άρθρο Google Font API, Font Directory

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>