Πώς να χρησιμοποιείτε προσαρμοσμένες γραμματοσειρές από την τοποθεσία Web της γραμματοσειράς Google στο Dreamweaver - ανδρείκελα

Ένας από τους ευκολότερους τρόπους χρήσης του Dreamweaver για την προσθήκη προσαρμοσμένων γραμματοσειρών στον ιστότοπό σας προσφέρεται από την Google. Οι Γραμματοσειρές Google Web παρέχουν μια περιορισμένη συλλογή γραμματοσειρών, αλλά μπορείτε να χρησιμοποιήσετε δωρεάν όλες τις γραμματοσειρές τους. Ακολουθήστε αυτά τα βήματα για να προσθέσετε στις σελίδες σας οποιαδήποτε από τις γραμματοσειρές από τον ιστότοπο Γραμματοσειρών Google Web:

1. Ανοίξτε ένα πρόγραμμα περιήγησης ιστού και επισκεφτείτε τον ιστότοπο της γραμματοσειράς Web της Google .

2. Κάντε αναζήτηση μέσω των γραμματοσειρών που είναι διαθέσιμες στον ιστότοπο, επιλέγοντας τον τύπο και το στυλ της γραμματοσειράς που αναζητάτε.

   Για να περιορίσετε την αναζήτησή σας, χρησιμοποιήστε τα φίλτρα (στην αριστερή στήλη). Μπορείτε να αλλάξετε το κείμενο που εμφανίζεται σε κάθε γραμματοσειρά, επεξεργάζοντας το πεδίο Κείμενο προεπισκόπησης στο επάνω μέρος της οθόνης.

   

3. Βρείτε μια γραμματοσειρά που σας αρέσει και, στη συνέχεια, κάντε κλικ στο μπλε κουμπί Add to Collection (Προσθήκη στο συλλογή) στο κάτω δεξιά μέρος, ακριβώς κάτω από κάθε όνομα γραμματοσειράς.

4. Κάντε κλικ στα πλαίσια ελέγχου δίπλα σε κάθε στυλ γραμματοσειράς που θέλετε να χρησιμοποιήσετε στην ιστοσελίδα σας.

   Οι περισσότερες γραμματοσειρές στον κατάλογο γραμματοσειρών Google έχουν μόνο ένα στυλ. Παρόλο που ενδέχεται να μπείτε στον πειρασμό να επιλέξετε όλα τα στυλ, είναι προτιμότερο να επιλέξετε μόνο αυτά που θα χρησιμοποιήσετε. Όπως προειδοποιεί η Google, όσο περισσότερα στυλ γραμματοσειράς επιλέγετε, τόσο περισσότερο θα χρειαστεί να κατεβάσετε την ιστοσελίδα σας.

5. Μετακινηθείτε προς τα κάτω στη σελίδα και επιλέξτε την επιλογή Λατινική (για Αγγλικά).

   Εάν χρειάζεστε τους πρόσθετους χαρακτήρες για άλλη γλώσσα, επιλέξτε την επιλογή Λατινική επέκταση.

6. Μετακινηθείτε πιο κάτω στη σελίδα στο μπλε πλαίσιο με τρεις καρτέλες. κάντε κλικ στην πρώτη καρτέλα για να συνδέσετε τη γραμματοσειρά στον ιστότοπό σας.

   Η Google παρέχει τρεις επιλογές: Standard, @import και JavaScript. Βρείτε λεπτομερείς περιγραφές και των τριών στον ιστότοπο της Google.

   

7. 7. Αντιγράψτε το σύνδεσμο από το πεδίο καρτέλας Standard στο Google όπως ακριβώς θα αντιγράφετε οποιοδήποτε άλλο κείμενο ή κώδικα από μια ιστοσελίδα.

8. Στο Dreamweaver, επικολλήστε το σύνδεσμο στην περιοχή της κεφαλής της ιστοσελίδας σας ανάμεσα στις ανοιχτές και τις κλειστές ετικέτες.

9. Επιστρέψτε στον ιστότοπο Γραμματοσειρές Google στον ιστό και στο κάτω μέρος της σελίδας, αντιγράψτε το όνομα της οικογένειας γραμματοσειρών.

   Μπορείτε να βρείτε το όνομα της γραμματοσειράς στην Ενσωμάτωση των γραμματοσειρών στην περιοχή CSS.

   Στον ορισμό του στυλ σας, πρέπει να συμπεριλάβετε το όνομα της γραμματοσειράς ακριβώς όπως γράφει η Google. Η αντιγραφή και επικόλληση είναι ο καλύτερος τρόπος για να βεβαιωθείτε ότι το όνομα της γραμματοσειράς αντιστοιχεί.

10. Στο Dreamweaver, επικολλήστε το όνομα της οικογένειας γραμματοσειρών στον κανόνα CSS όπου θέλετε να χρησιμοποιήσετε τη γραμματοσειρά.

11. Εφαρμόστε τον κανόνα σε κείμενο στην ιστοσελίδα σας.

    Εάν χρησιμοποιείτε τη γραμματοσειρά σε στυλ επιλογής ετικετών, όπως η ετικέτα

    , όταν εφαρμόζετε την ετικέτα στο κείμενο, η γραμματοσειρά θα εφαρμοστεί αυτόματα ως μέρος του κανόνα. Εάν χρησιμοποιείτε τη γραμματοσειρά σε στυλ κατηγορίας ή αναγνωριστικού, τότε το στυλ πρέπει να εφαρμοστεί σε μια ετικέτα που περιβάλλει το κείμενο, όπως μια ετικέτα

    ή μια ετικέτα.

12. Δημοσιεύστε τη σελίδα σε ένα διακομιστή ιστού και, στη συνέχεια, κάντε προεπισκόπηση της σελίδας σε ένα πρόγραμμα περιήγησης ιστού για να δείτε τη γραμματοσειρά.

    Λάβετε υπόψη ότι όταν χρησιμοποιείτε τις γραμματοσειρές Ιστού Google δεν μπορείτε να δείτε τη γραμματοσειρά που εμφανίζεται στο Dreamweaver, ακόμα κι αν χρησιμοποιείτε την επιλογή Ζωντανή προβολή. Για να διασφαλίσετε ότι η γραμματοσειρά λειτουργεί στη σελίδα σας, ίσως χρειαστεί να μεταφέρετε τη σελίδα σε ένα διακομιστή ιστού χρησιμοποιώντας FTP και να κάνετε προεπισκόπηση της σελίδας μετά τη δημοσίευσή της στο διαδίκτυο.