GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

ΠΩΣ ΠΡΟΣΘΕΤΩ ΓΡΑΜΜΑΤΟΣΕΙΡΕΣ ΣΤΟ BLOG ΜΟΥ

GOOGLE FONTS
ΠΩΣ ΠΡΟΣΘΕΤΩ ΓΡΑΜΜΑΤΟΣΕΙΡΕΣ ΣΤΟ BLOG ΜΟΥ
Μπορούμε να βρούμε δωρεάν αρκετές ελληνικές και πολλές λατινικές γραμματοσειρές, στην υπηρεσία Google Fonts και να τις εγκαταστήσουμε στο blog μας με μια μικρή διαδικασία.
Διαλέξτε ποιες γραμματοσειρές θέλετε πηγαίνοντας στη διεύθυνση https://www.google.com/fonts  Για να δείτε τις Ελληνικές γραμματοσειρές επιλέγουμε στην αριστερή μπάρα κάτω από την ετικέτα Script την γλώσα μας δηλαδή Greek. Αφού καταλήξουμε στις γραμματοσειρές που θέλουμε κάνουμε κλικ στο Quick Use στην κάθε γραμματοσειρά.


Μας ζητάει μετά στο 1ο κουτί να επιλέξουμε το πόσο έντονη θα είναι η γραμματοσειρά, επιλέγουμε normal 400.

Μετά μας ζητά στο 2ο κουτί να επιλέξουμε character sets, επιλέγουμε Greek και Latin.

Στο 3ο κουτί μας δίνει ένα κώδικα το οποίον πρέπει να τον βάλουμε πρίν το <b:skin> και είναι ο παρακάτω.
<link href='https://fonts.googleapis.com/css?family=Roboto&subset=greek,latin' rel='stylesheet' type='text/css'>
Τον διορθώνουμε και τον κάνουμε έτσι.
<link href='https://fonts.googleapis.com/css?family=Roboto&amp;subset=greek,latin' rel='stylesheet' type='text/css'/>

Στο 4ο κουτί μας δίνει άλλο ένα μικρό κομμάτι κώδικα.
font-family: 'Roboto', sans-serif;

Πάμε μετά και πατάμε Πρότυπο / Προσαρμογή / Προηγμένη ► και μετά Προσθήκη CSS.
Εκεί μέσα αντιγράφουμε και επικολούμε τα παρακάτω επιλεκτικά.

Αν θέλετε να εμφανίζεται σε όλο το blog.
{font-family: 'Roboto', sans-serif !important;}

Αν θέλετε να εμφανίζεται μόνο στο κείμενο των posts:
.post-body {font-family: 'Roboto', sans-serif !important;}

Αν θέλετε να εμφανίζεται μόνο στο κείμενο των posts αλλά να υπάρχει η δυνατότητα να επιλέξετε και ένα από τα standard fonts σε κάποια άρθρα.
.post-body {font-family: 'Roboto', sans-serif;}

Αν θέλετε να εμφανίζεται μόνο στους τίτλους των posts.
.post-title {font-family: 'Roboto', sans-serif !important;}

Αν θέλετε να εμφανίζεται μόνο στο footer των posts.
.post-footer {font-family: 'Roboto', sans-serif !important;}

Αν θέλετε να εμφανίζεται στο οριζόντιο Μενού.
.tabs-inner a {font-family: 'Roboto', sans-serif !important;}

Αν θέλετε να εμφανίζεται στους τίτλους των gadget της δεξιάς πλαϊνής στήλης.
#sidebar-right-1 h2 {font-family: 'Roboto', sans-serif !important}


Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".