1. Jeg ønsker å endre dette ren gamle kjedelig font for min vertikale menyen til noe mer funky.
Klikk her for å finne ut hvordan du oppretter en @ font-face kit for en tilpasset ikke-web font.
2. Nå laste skriftene (filer med .eot, .svg, ttf, .woff extensions) via ftp ...
Klikk her for å finne ut hvordan du bruker FileZilla FTP-klient for å overføre filer fra eller til et nettsted.
3. ... inn i hjemmet mappen for temaet du bruker på Wordpress.
Jeg bruker et tema som heter solo så jeg lastet opp skriften filer til /wp-content /themes /solo mappe på min Wordpress web server.
Klikk her for å finne ut hvordan du kan laste opp filer via ftp-klient.
4. Vi trenger å redigere < b> style.css
.
style.css er også i temaet Hjem-mappen. Du kan laste det ned igjen via ftp og redigere den på datamaskinen din. Det er alltid en god idé å ta backup eller endre navn på style.css filen før du endrer den.
5. Åpne style.css i en teksteditor.
Du kan bruke Dreamweaver eller annen tekst /code redigering programvare. Prøv ut Notepad ++ er det ganske heftig og gratis
Sett følgende linjer sted i begynnelsen av koden.
@ Font-face {
font-family: 'suplexmentary_comic_nc-webfont';
src: url ('suplexmentary_comic_nc-webfont.eot');
src: url ('? suplexmentary_comic_nc-webfont.eot #iefix') format ('innebygde-Open'), etter url ('suplexmentary_comic_nc-webfont.woff') format ('WOFF'), etter url ('suplexmentary_comic_nc-webfont.ttf') format ('Truetype'), etter url ('suplexmentary_comic_nc-webfont.svg # webfont') format ('svg');
}
I ditt tilfelle det kommer til å være noen annen font, så i stedet for suplexmentary_comic_nc-webfont, må du legge inn navnet på din egen skrift. Den enkleste måten er å åpne stylesheet.css som fulgte med @ font-face kit og kopier /lim linjene til style.css. Ikke glem den avslutt braketten}.
6. Nå må vi endre skrifttypen til teksten på nettsiden. Alt du trenger å gjøre nå er å finne din stil innstillinger av div eller den delen av hjemmesiden din hvor du ønsker å endre skrifttype og skriv font-family av din nye custom font:
font-family: suplexmentary_comic_nc -webfont;..
suplexmentary_comic_nc-webfont kommer til å være noe annet i ditt tilfelle
Lagre alle filene du endret
7. Og laste dem opp til et nettsted server på samme sted du lastet dem ned fra.
8. Og hvis alt gikk i henhold til en plan, når du oppdaterer nettstedet ditt, bør du være i stand til å se dine nye fonter.
<
Endre font til tilpasset @ font-face på Wordpress
Previous:Få en ny Outlook.com web email