/* ═══════════════════════════════════════════════════════════════
ΓΡΑΜΜΑΤΟΣΕΙΡΕΣ — ΤΟΠΙΚΑ, ΟΧΙ ΑΠΟ ΤΟ GOOGLE
ΓΙΑΤΙ. Το προς fonts.googleapis.com είναι ΦΥΛΛΟ ΣΤΥΛ που
μπλοκάρει την απόδοση: ο browser πρέπει να λύσει DNS, να κάνει TLS
και να κατεβάσει το CSS ΠΡΙΝ καν ανακαλύψει ότι υπάρχουν αρχεία
γραμματοσειράς — και μετά να επαναλάβει DNS+TLS για δεύτερο host
(fonts.gstatic.com). Δύο ολόκληρα round trip πριν εμφανιστεί
γράμμα. Τοπικά, τα ίδια ακριβώς αρχεία φορτώνουν από το ίδιο
origin, με στην κεφαλίδα.
ΚΑΙ ΝΟΜΙΚΑ. Κάθε επίσκεψη έστελνε τη διεύθυνση IP του γιατρού στο
Google χωρίς συγκατάθεση. Για site που απευθύνεται σε επαγγελματίες
υγείας στην ΕΕ αυτό είναι έκθεση, όχι λεπτομέρεια απόδοσης.
ΤΑ ΑΡΧΕΙΑ είναι ΤΑ ΙΔΙΑ που σερβίρει το Google (variable woff2,
υποσύνολα greek + latin) — κατέβηκαν, δεν ξαναχτίστηκαν. Δοκιμάστηκε
και περιορισμός του άξονα βάρους (Manrope 600–800, Inter 300–600):
κέρδιζε μόλις 9,5% και κλείδωνε τα διαθέσιμα βάρη για πάντα. Δεν μπήκε.
ΠΡΟΣΟΧΗ στο unicode-range: χωρίς αυτό ο browser κατεβάζει ΚΑΙ ΤΑ ΔΥΟ
υποσύνολα σε κάθε σελίδα. Με αυτό, μια καθαρά ελληνική σελίδα παίρνει
μόνο το ελληνικό αρχείο.
═══════════════════════════════════════════════════════════════ */
/* Manrope — τίτλοι, κουμπιά, eyebrow. Άξονας βάρους 200–800. */
@font-face{
font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;
src:url(../fonts/manrope-greek.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:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;
src:url(../fonts/manrope-latin.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;
}
/* Inter — τρέχον κείμενο. Άξονας βάρους 100–900. */
@font-face{
font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
src:url(../fonts/inter-greek.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:100 900;font-display:swap;
src:url(../fonts/inter-latin.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-display:swap` ο browser ζωγραφίζει πρώτα με
εφεδρική γραμματοσειρά και μετά την αντικαθιστά. Αν η εφεδρική έχει
άλλο πλάτος χαρακτήρων, το κείμενο σπάει σε ΑΛΛΑ σημεία, αλλάζει
αριθμό γραμμών, και όλη η σελίδα από κάτω μετακινείται.
ΓΙΑΤΙ ΔΕΝ ΦΑΙΝΟΤΑΝ. Τοπικά οι γραμματοσειρές φτάνουν στα ~110ms —
πριν προλάβει το μάτι. Σε αληθινό διακομιστή φτάνουν στα ~800ms,
δηλαδή αφού ο επισκέπτης έχει αρχίσει να διαβάζει. Μετρημένο
14/09/2026 στο monasticstore.org: inter-latin @775ms, μετατόπιση
@777ms — δύο χιλιοστά διαφορά.
Η ΛΥΣΗ κοστίζει ΜΗΔΕΝ bytes: δηλώνουμε την τοπική Arial ως εφεδρική
με `size-adjust`, ώστε να πιάνει ΑΚΡΙΒΩΣ τον ίδιο χώρο. Τότε η
εναλλαγή δεν αλλάζει τίποτα στη διάταξη.
ΤΑ ΝΟΥΜΕΡΑ ΕΙΝΑΙ ΜΕΤΡΗΜΕΝΑ ΠΑΝΩ ΣΤΟ ΚΕΙΜΕΝΟ ΤΟΥ SITE, και χρειάστηκαν
τρεις γύρους μέχρι να είναι σωστά. Τι πήγε στραβά, ώστε να μην ξαναγίνει:
1ος ΓΥΡΟΣ — μια φράση-δείγμα: Inter 106,41%. Βελτίωσε μόλις 9%. Ο λόγος
ΔΕΝ είναι ιδιότητα της γραμματοσειράς, είναι ιδιότητα ΤΟΥ ΚΕΙΜΕΝΟΥ.
2ος ΓΥΡΟΣ — ένας λόγος ανά οικογένεια, από όλο το κείμενο: Inter 108,79%.
Καλύτερα, αλλά στο staging ΔΕΝ άλλαξε τίποτα. Αιτία: τα ελληνικά και τα
λατινικά έχουν ΔΙΑΦΟΡΕΤΙΚΗ σχέση με την Arial (110,25% vs 103,28%), και
αυτό που αργεί είναι ΜΟΝΟ το λατινικό αρχείο. Ένας μέσος όρος αστοχεί
ακριβώς εκεί που χρειάζεται.
3ος ΓΥΡΟΣ — χωριστά ανά αλφάβητο ΚΑΙ ανά βάρος, με το unicode-range να
κάνει τον ίδιο χωρισμό που κάνουν τα πραγματικά αρχεία.
⚠ ΤΑ ΚΕΝΑ ΜΕΤΡΑΝΕ. Στη μέτρηση χώριζα το κείμενο σε ελληνικό και λατινικό
και πετούσα τα διαστήματα. Το U+0020 ανήκει στο ΛΑΤΙΝΙΚΟ εύρος και έχει
άλλο σχετικό πλάτος — η παράλειψή του έβγαζε τα λατινικά νούμερα μικρότερα
κατά 1,5–1,8 μονάδες, και μετά τα έγραφα εδώ.
⚠⚠ ΚΑΙ ΤΟ ΧΩΡΙΣΜΑ ΑΝΑ ΑΛΦΑΒΗΤΟ ΕΧΕΙ ΔΙΚΟ ΤΟΥ ΣΦΑΛΜΑ. Το letter-spacing
εφαρμόζεται ΑΝΑ ΧΑΡΑΚΤΗΡΑ· όταν κόβεις το κείμενο σε «ελληνικό» και
«λατινικό» κομμάτι, αφαιρείς χαρακτήρες, άρα αφαιρείς και tracking — και ο
λόγος βγαίνει αλλοιωμένος. Ο h1 (Manrope 800, tracking −1,41px) έβγαινε
107,22% με διάσπαση, ενώ η σωστή τιμή είναι 105,69%.
ΑΡΑ Η ΤΕΛΙΚΗ ΒΑΘΜΟΝΟΜΗΣΗ ΕΓΙΝΕ ΣΕ ΟΛΟΚΛΗΡΑ ΣΤΟΙΧΕΙΑ: κάθε κόμβος κειμένου
11 σελίδων, με το πραγματικό του μέγεθος, βάρος και tracking, μετρημένος
ΜΙΑ φορά με την πραγματική και ΜΙΑ με την εφεδρική. Καμία διάσπαση.
ΥΠΟΛΕΙΠΟΜΕΝΟ ΣΦΑΛΜΑ ΑΝΑ ΖΩΝΗ (θετικό = εφεδρική πιο φαρδιά):
Inter ελληνικά −0,10% (42.735 χαρ. — ο κορμός του site)
λατινικά −0,61% ( 3.902 χαρ.)
Manrope τίτλοι 700 ΕΛ −0,20% ΛΑΤ −0,07%
ετικέτες 600 ΕΛ +0,58% ΛΑΤ −0,43%
h1 800 ΕΛ −0,01% ΛΑΤ −0,07%
⚠ ΜΗΝ «ΔΙΟΡΘΩΣΕΙΣ» ΑΥΤΑ ΤΑ ΝΟΥΜΕΡΑ ΜΕ ΘΕΩΡΙΑ. Είναι λυμένα εμπειρικά ώστε
το σφάλμα να μηδενίζει στα ΣΥΓΚΕΚΡΙΜΕΝΑ κείμενα του site. Αν αλλάξουν πολύ
τα κείμενα, ξανατρέξε τη μέτρηση αντί να ξαναϋπολογίσεις από μετρικές.
ΑΠΟΤΕΛΕΣΜΑ (5 σελίδες, γραμματοσειρές καθυστερημένες 800ms):
χωρίς εφεδρικές 0,2119–0,2159 με αυτές 0,0948–0,1194
⏭ ΑΝΟΙΧΤΟ: στο /proionta/ το Manrope w700 αστοχεί ~2,5% ενώ η μέτρηση επτά
σελίδων δίνει 100,69%. Υπόθεση ΑΝΕΞΑΚΡΙΒΩΤΗ: το letter-spacing -.022em των
τίτλων, που τα δοκιμαστικά span δεν έχουν. Δεν πειράζει το σύμπτωμα που
αναφέρθηκε — το Manrope προφορτώνεται ΟΛΟΚΛΗΡΟ και φτάνει στα ~500ms.
═══════════════════════════════════════════════════════════════ */
/* Inter greek 100 500 — 20.842 χαρ. σελίδας */
@font-face{
font-family:'Inter Fallback';font-style:normal;font-weight:100 500;
src:local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:110.25%;ascent-override:87.87%;descent-override:21.88%;line-gap-override:0%;
unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* Inter latin 100 500 — 6.798 χαρ. σελίδας */
@font-face{
font-family:'Inter Fallback';font-style:normal;font-weight:100 500;
src:local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:103.28%;ascent-override:93.80%;descent-override:23.35%;line-gap-override:0%;
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;
}
/* Inter greek 600 900 — αραιό στο site (24 χαρ.) — μέσο δύο μετρήσεων */
@font-face{
font-family:'Inter Fallback';font-style:normal;font-weight:600 900;
src:local('Arial Bold'),local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:105.00%;ascent-override:92.26%;descent-override:22.97%;line-gap-override:0%;
unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* Inter latin 600 900 — 57 χαρ. σελίδας */
@font-face{
font-family:'Inter Fallback';font-style:normal;font-weight:600 900;
src:local('Arial Bold'),local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:101.17%;ascent-override:95.75%;descent-override:23.84%;line-gap-override:0%;
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;
}
/* Manrope greek 100 500 — αραιό στο site (85 χαρ.) */
@font-face{
font-family:'Manrope Fallback';font-style:normal;font-weight:100 500;
src:local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:107.32%;ascent-override:99.33%;descent-override:27.95%;line-gap-override:0%;
unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* Manrope latin 100 500 — αραιό στο site (65 χαρ.) */
@font-face{
font-family:'Manrope Fallback';font-style:normal;font-weight:100 500;
src:local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:96.14%;ascent-override:110.88%;descent-override:31.20%;line-gap-override:0%;
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;
}
/* Manrope greek 600 699 — 1.169 χαρ. — ετικέτες μενού/φίλτρων */
@font-face{
font-family:'Manrope Fallback';font-style:normal;font-weight:600 699;
src:local('Arial Bold'),local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:101.64%;ascent-override:104.88%;descent-override:29.52%;line-gap-override:0%;
unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* Manrope latin 600 699 — 536 χαρ. */
@font-face{
font-family:'Manrope Fallback';font-style:normal;font-weight:600 699;
src:local('Arial Bold'),local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:98.51%;ascent-override:108.21%;descent-override:30.45%;line-gap-override:0%;
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;
}
/* Manrope greek 700 799 — 3.908 χαρ. — τίτλοι */
@font-face{
font-family:'Manrope Fallback';font-style:normal;font-weight:700 799;
src:local('Arial Bold'),local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:100.69%;ascent-override:105.87%;descent-override:29.79%;line-gap-override:0%;
unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* Manrope latin 700 799 — 2.744 χαρ. */
@font-face{
font-family:'Manrope Fallback';font-style:normal;font-weight:700 799;
src:local('Arial Bold'),local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:97.52%;ascent-override:109.31%;descent-override:30.76%;line-gap-override:0%;
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;
}
/* Manrope greek 800 900 — 196 χαρ. */
@font-face{
font-family:'Manrope Fallback';font-style:normal;font-weight:800 900;
src:local('Arial Bold'),local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:105.69%;ascent-override:100.86%;descent-override:28.38%;line-gap-override:0%;
unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* Manrope latin 800 900 — 1.781 χαρ. — λογότυπο, αριθμοί ήρωα */
@font-face{
font-family:'Manrope Fallback';font-style:normal;font-weight:800 900;
src:local('Arial Bold'),local('Arial'),local('Helvetica Neue'),local('Helvetica');
size-adjust:95.35%;ascent-override:111.80%;descent-override:31.46%;line-gap-override:0%;
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;
}