Γραμματοσειρές Web
Οι γραμματοσειρές με αυτό το σύμβολο προορίζονται για χρήση σε websites μέσω του CSS @font-face.
Διατίθονται σε δύο τύπους αρχείων, WOFF και EOT, που είναι απαραίτητα ταυτόχρονα, για να καλύπτουν τους περισσότερους browsers.
Τα αρχεία WOFF και EOT υποστηρίζονται από τους παρακάτω browsers (και μεταγενέστερους):
Internet Explorer 6 (EOT) / Internet Explorer 9 (WOFF)
Mozilla 3.6
Chrome 6
Safari 5.1
IOS Safari 5
Android 2.3
Opera mobile 11.1
Οι γραμματοσειρές Web δεν λειτουργούν σε χρήση desktop.
Η άδεια χρήσης γραμματοσειρών Web εκδίδεται στο διαχειριστή του site, καλύπτοντας μόνο ένα domain.
Για παράδειγμα, εταιρία που κατασκευάζει websites, οφείλει να αγοράσει την άδεια γραμματοσειρών Web για κάθε website στο οποίο σκοπεύει να ενσωματώσει.
Οδηγίες εγκατάστασης
Οι γραμματοσειρές web (webfonts) μπορούν να χρησιμοποιηθούν σε οποιαδήποτε σελίδα web αρκεί να γίνουν πρώτα τα παρακάτω βήματα:
1. Τοποθετούμε τα αρχεία που προμηθευτήκαμε από το fonts.gr (.eot, .woff) σε ένα φάκελο κάτω από το root folder του site, π.χ. /webfonts
2. Προσθέτουμε στο βασικό CSS αρχείο των σελίδων του site την παρακάτω δήλωση:
@font-face {
font-family: ΧΧΧΧΧ;
src: url('/webfonts/ΧΧΧΧΧ.eot');
src: url('/webfonts/ΧΧΧΧΧ.eot?#iefix') format('embedded-opentype'),
url(/webfonts/ΧΧΧΧΧ.woff') format('woff');
font-weight: normal;
font-style: normal; }
όπου ΧΧΧΧΧ η ονομασία της γραμματοσειράς.
3. Στο υπόλοιπο CSS μπορούμε να χρησιμοποιούμε το font-family XXXXX κανονικά όπως και στις ενσωματωμένες γραμματοσειρές.