i denne vejledning viser jeg dig, hvordan du uploader enhver Google-skrifttype til din Blogger-blog. Der er et par måder at gøre dette på, men sådan gør jeg det.
denne tutorial er bedst egnet til dem, der har nogle CSS viden. Til denne tutorial bruger jeg bloggerens” Simple ” skabelon.
her er et eksempel på en brugerdefineret Google-skrifttype installeret på vores Lemon Macaron-skabelon.
Trin 1
før vi begynder, anbefaler jeg altid at sikkerhedskopiere din nuværende skabelon, før du foretager ændringer (bare hvis noget går galt).
du kan gøre dette i dit dashboard ved at gå til skabelon > Backup/Restore (placeret i øverste højre hjørne) > Hent Fuld skabelon.
Trin 2
når du har sikkerhedskopieret din skabelon, skal du klikke på Rediger HTML (vi er stadig i fanen “Skabelon”).
Trin 3
hvis du lader denne side være åben, skal du åbne en ny fane eller et nyt vindue og gå over til Googles hjemmeside. Søg efter den skrifttype, du gerne vil bruge, og vælg Hurtig brug.
jeg har valgt at bruge ‘Hummer to’ skrifttypen.
Trin 4
for Afsnit 1: Vælg de ønskede stilarter, Vælg de ønskede stilarter til din skrifttype (du kan vælge flere stilarter). Husk, at valg af for mange stilarter kan bremse din blog. Jeg har valgt Normal 400 som du kan se nedenfor.
for Afsnit 3: Tilføj denne kode til din hjemmeside, klik på fanen @import.
Trin 5
Kopier oplysningerne i @importboksen.
nu forlader denne side åben, gå tilbage til din blog (hvor du valgte Rediger HTML). Vi skal indsætte fontimportkoden i din skabelon.
se efter følgeteksten placeret mod begyndelsen af skabeloneditoren (normalt placeret på linje 13 eller 14):
<b:skin>...</b:skin>
når den er udvidet, skal du indsætte de oplysninger, du kopierede fra @import-boksen på Googles hjemmeside for skrifttyper, følgende tekst:
/* Variable definitions
det skal se sådan ud:
Klik på Gem skabelon. Din skrifttype er nu blevet importeret! Nu kan du placere skrifttypefamilien, hvor du vil have den vist i din skabelon.
Trin 6
hurtigt viser jeg dig, hvordan du bruger din nyligt importerede skrifttype. I dette eksempel bruger jeg skrifttypen til min posttitel. I HTML editor Søg efter:
h3.post-title, .comments h4
Fjern følgende linje:
font: $(post.title.font);
og erstat den med teksten i Afsnit 4: Integrer skrifttyperne i din CSS på Googles hjemmeside.
font-family: 'Lobster Two', cursive;
det skal se sådan ud, når du har indsat fontfamilieinfo:
