/* ══════════════════════════════════════════════════════════════ Ioannidis Cars — ΤΟΠΙΚΕΣ ΓΡΑΜΜΑΤΟΣΕΙΡΕΣ (self-hosted) ────────────────────────────────────────────────────────────── ΓΙΑΤΙ: πριν, οι γραμματοσειρές κατέβαιναν από fonts.gstatic.com. Αυτό σήμαινε ότι η IP κάθε επισκέπτη έφευγε στη Google ΠΡΙΝ προλάβει να συναινέσει σε οτιδήποτε — θέμα GDPR. Τώρα φορτώνουν από τον δικό μας server. Καμία τρίτη σύνδεση. ΤΟ unicode-range ΤΙ ΚΑΝΕΙ: λέει στον browser «αυτό το αρχείο έχει μόνο ελληνικά / μόνο λατινικά». Έτσι κατεβάζει ΜΟΝΟ ό,τι χρειάζεται η σελίδα, όχι και τα δύο. ΤΙΤΛΟΙ: Literata (greek + latin). Αντικατέστησε την Playfair Display, που δεν είχε ελληνικούς χαρακτήρες. Η γραμματοσειρά δηλώνεται ΜΙΑ φορά, στο token --font-display του style.css. ══════════════════════════════════════════════════════════════ */ /* ── INTER — ΕΛΛΗΝΙΚΑ ─────────────────────────────────────── */ @font-face { font-family:'Inter'; font-style:normal; font-weight:300; font-display:swap; src:url(fonts/inter-greek-300-normal.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } @font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/inter-greek-400-normal.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } @font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url(fonts/inter-greek-500-normal.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } @font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url(fonts/inter-greek-600-normal.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } @font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url(fonts/inter-greek-700-normal.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } @font-face { font-family:'Inter'; font-style:normal; font-weight:800; font-display:swap; src:url(fonts/inter-greek-800-normal.woff2) format('woff2'); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } /* ── INTER — ΛΑΤΙΝΙΚΑ (αριθμοί, €, μάρκες, σύμβολα) ───────── */ @font-face { font-family:'Inter'; font-style:normal; font-weight:300; font-display:swap; src:url(fonts/inter-latin-300-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/inter-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url(fonts/inter-latin-500-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url(fonts/inter-latin-600-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url(fonts/inter-latin-700-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @font-face { font-family:'Inter'; font-style:normal; font-weight:800; font-display:swap; src:url(fonts/inter-latin-800-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* ── LITERATA — ΤΙΤΛΟΙ ───────────────────────────────────────── Αντικατέστησε την Playfair Display, που ΔΕΝ είχε greek subset: κάθε ελληνικός τίτλος έπεφτε σε Georgia (Windows/macOS), σε Noto Serif (Android) ή σε ό,τι βρισκόταν (Linux). Δηλαδή η τυπογραφία των τίτλων ήταν διαφορετική σε κάθε συσκευή. ΓΙΑΤΙ ΔΕΝ ΥΠΑΡΧΕΙ unicode-range ΕΔΩ (σε αντίθεση με την Inter): τα αρχεία είναι ΣΥΝΔΥΑΣΜΕΝΑ — ένα αρχείο περιέχει και ελληνικά και λατινικά. Ο διαχωρισμός με unicode-range έχει νόημα μόνο όταν τα subsets είναι σε ΞΕΧΩΡΙΣΤΑ αρχεία, ώστε ο browser να κατεβάζει μόνο ό,τι χρειάζεται. Εδώ ο συνδυασμός είναι στην πράξη ΚΑΛΥΤΕΡΟΣ: κάθε σελίδα δείχνει ταυτόχρονα ελληνικό κείμενο («Βρες το αυτοκίνητο») και λατινικό («Volkswagen Polo 1.0 MPI»), οπότε και τα δύο subsets θα κατέβαιναν ούτως ή άλλως. Έτσι γίνεται 1 αίτημα αντί για 2. Φορτώνονται ΜΟΝΟ τα δύο βάρη που χρησιμοποιεί ο κώδικας: 700 normal → όλοι οι τίτλοι (12 σημεία) 600 italic → blockquote στο about.php, .avp-quote στο style.css Το «regular» (400) ΔΕΝ χρειάζεται — κανένας τίτλος δεν το ζητά. ΑΝ ΠΡΟΣΘΕΣΕΙΣ ΑΛΛΟ ΒΑΡΟΣ στο CSS, πρόσθεσέ το ΚΑΙ εδώ. Αλλιώς ο browser κάνει faux bold — τεντώνει τεχνητά το κοντινότερο βάρος και το αποτέλεσμα είναι λασπωμένο. ΤΑ ΟΝΟΜΑΤΑ ΠΕΡΙΕΧΟΥΝ «v40» = έκδοση της γραμματοσειράς. Αν κάποτε ξανακατεβάσεις νεότερη, θα αλλάξει ο αριθμός — τότε ενημέρωσε και αυτές τις δύο γραμμές. */ @font-face { font-family:'Literata'; font-style:normal; font-weight:700; font-display:swap; src:url(fonts/literata-v40-greek_latin-700.woff2) format('woff2'); } @font-face { font-family:'Literata'; font-style:italic; font-weight:600; font-display:swap; src:url(fonts/literata-v40-greek_latin-600italic.woff2) format('woff2'); }