Ποιο είναι το σωστότερο font-size για responsive css?

Θέματα web + mobile design, development & cyberculture.

Ποιο είναι το σωστότερο font-size για responsive css?

Δημοσίευσηαπό weballey » 07.02.15, 5:30 pm

Καλησπέρα σε όλες και όλους.

Τελευταία, τα sites που κατασκευάζω τα κάνω με responsive css.
Η "κεντρική" γραμματοσειρά που χρησιμοποιώ συνήθως έχει μέγεθος 12-13px.

Διαπίστωσα όμως πως τα κείμενα δεν φαίνονται πολύ καθαρά σε κάποια smartphones.

Μήπως πρέπει να χρησιμοποιώ font-size σε ems? ή σε % ?
Ποιο είναι το βέλτιστο μέγεθος (π.χ. για την open sans) που να "παίζει" σωστά σε όλες τις οθόνες ? (μικρές και μεγάλες)

Ευχαριστώ.
Άβαταρ μέλους
weballey
Member
 
Posts: 33
Εγγραφή: 27.01.15, 10:34 am

Re: Ποιο είναι το σωστότερο font-size για responsive css?

Δημοσίευσηαπό pkoutsod » 03.07.15, 1:39 am

Καλησπέρα (μάλλον καλημέρα) και σε σένα, weballey!

Ναι! Είτε em-based είτε ποσοστιαία units επιλέξεις, είσαι σε καλό δρόμο!
Στην αρχή (αν δεν έχεις ξναγράψει CSS έτσι και έχεις συνηθίσει τα px), θα δυσκολευτείς λίγο.
Αλλά, η ανταμοιβή θα είναι πολύ μεγάλη όταν κατακτήσεις την τεχνική!
Δουλεύοντας έτσι, βοηθάει επίσης, και σ' επίπεδο web accessibility.

Με αυτά τα units, στηρίζεσαι στην προτίμηση του χρήστη ως προς το default font-size.
Ενδιαφέροντα σχετικά tutorials:

"Βέλτιστο μέγεθος"; Συγνώμη, δεν μου είναι ξεκάθαρο τι εννοείς. Υποθέτω αναφέρεσαι στο body text (ή άλλο στοιχείο περιεχομένου;).

Λογικά, για να "καλέσεις" την Open Sans στο document σου, θα χρησιμοποιήσεις Google Font.
Το tutorial: How we use web fonts responsibly, or, avoiding a @font-face-palm θα σε βοηθήσει γι' αυτό.

Τέλος, δες
  • Ένα web site που χρησιμοποιεί ποσοστά ως units. Πρόκειται για το: webaim.org.
  • Κι ένα web site με ems: filamentgroup.com.

:-)
Πάνος Κουτσοδημητρόπουλος
User Experience (UX) Designer
Άβαταρ μέλους
pkoutsod
Member
 
Posts: 178
Εγγραφή: 02.09.05, 10:40 am
Τοποθεσία: Αθήνα, Αττική

Re: Ποιο είναι το σωστότερο font-size για responsive css?

Δημοσίευσηαπό weballey » 16.09.15, 10:53 am

Ευχαριστώ πολύ για τη βοήθεια!
Πολύ χρήσιμα Links!
Άβαταρ μέλους
weballey
Member
 
Posts: 33
Εγγραφή: 27.01.15, 10:34 am


Επιστροφή στο II.I Ιστοσχεδίαση + Mobile + Διαδίκτυο

Μέλη σε σύνδεση

Μέλη σε αυτή την Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες

Visual Communication Designers Club

Το Visual Communication Designers Club, το μεγαλύτερο Ελληνικό online design forum, αποτελεί μια Ελληνική κοινότητα σχεδιαστών οπτικής επικοινωνίας, υπό την ευρύτερη έννοια του όρου, θέλοντας να συμπεριλάβει στα μέλη της κάθε ειδικότητα και βαθμίδα όσων σπουδάζουν ή εργάζονται στον χώρο της επικοινωνίας, έντυπης, διαδικτυακής, τρισδιάστατης ή εφαρμογών πολυμέσων

cron