Με όλα τα νέα πράγματα που συμβαίνουν με τα σύνορα CSS3 (-webkit
, ...) είναι τώρα δυνατό να προσθέσετε ένα περίγραμμα στη γραμματοσειρά σας; (Όπως το συμπαγές λευκό περίγραμμα γύρω από το μπλε λογότυπο του Twitter). Αν όχι, υπάρχουν κάποια όχι πολύ άσχημα hacks που θα το πετύχουν αυτό σε CSS/XHTML ή θα πρέπει ακόμα να βάλω φωτιά στο Photoshop;
Θα μπορούσατε ίσως να υποδηλώσετε μια γραφή κειμένου, χρησιμοποιώντας τη σκιά κειμένου του css (ή τη σκιά κειμένου του webkit/μοζ) και μια πολύ χαμηλή θολούρα:
#element
{
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
-moz-text-shadow: 0 0 2px #000;
-webkit-text-shadow: 0 0 2px #000;
}
Αλλά ενώ αυτό είναι πιο ευρέως διαθέσιμο από την ιδιότητα -webkit-text-stroke
, αμφιβάλλω αν είναι διαθέσιμο στην πλειοψηφία των χρηστών σας, αλλά αυτό μπορεί να μην αποτελεί πρόβλημα (χαριτωμένη υποβάθμιση και όλα αυτά).
Φαίνεται να υπάρχει μια ιδιότητα 'text-stroke', αλλά (τουλάχιστον για μένα) λειτουργεί μόνο στο Safari.
Κάποτε προσπάθησα να κάνω αυτές τις στρογγυλές γωνίες και τις σκιές με το css3. Αργότερα, διαπίστωσα ότι εξακολουθεί να υποστηρίζεται ανεπαρκώς (Internet Explorer(s), φυσικά!)
Κατέληξα να προσπαθήσω να το κάνω αυτό σε JS (HTML canvas με IE Canvas), αλλά αυτό επηρεάζει πολύ την απόδοση (ακόμα και στο C2D μηχάνημα μου). Εν ολίγοις, αν χρειάζεστε πραγματικά το εφέ, εξετάστε τις βιβλιοθήκες JS (οι περισσότερες από αυτές θα πρέπει να είναι σε θέση να τρέξουν στον IE6), αλλά μην το παρακάνετε λόγω των προβλημάτων απόδοσης- αν εξακολουθείτε να χρειάζεστε μια εναλλακτική λύση... θα μπορούσατε να χρησιμοποιήσετε το SFiR, στη συνέχεια το PS και το SFiR. Η CSS3 δεν είναι έτοιμη σήμερα.