Jak wstawić własne czcionki na szablonie

Utworzono: 2014-01-30
Ostatnia aktualizacja: 2017-08-10
Liczba odwiedzin posta: 4097

Jeżeli tworzymy własny szablon faktury i chcemy zaszyć w nim niestandardowe czcionki można dodać je na dwa sposoby:

Zainkludować fonty w pliku CSS w sposób opisany poniżej

@font-face {
    font-family: 'NAZWA-CZCIONKI';
    src: url('SCIEZKA-DO-PLIKU-CZCIONKI.eot');
    src: url('SCIEZKA-DO-PLIKU-CZCIONKI.eot') format('embedded-opentype'),
         url('SCIEZKA-DO-PLIKU-CZCIONKI.woff') format('woff'),
         url('SCIEZKA-DO-PLIKU-CZCIONKI.ttf') format('truetype'),
         url('SCIEZKA-DO-PLIKU-CZCIONKI.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

lub pobrać czcionki z google fonts jak poniżej:

<link href="//fonts.googleapis.com/css?family=NAZWA-CZCIONKI​:400,700" rel="stylesheet" type="text/css" />

Ściągnięta czcionka może on wyglądać tak: 

@import url('https://fonts.googleapis.com/css?family=Lato'); 

Musimy stworzyc nowy szablon poprzez Ustawienia>Ustawienia konta>Szablony  wybrać bazowy szablon, i na samej górze CSS-a dodać linie z importem oraz: 

*{ 
font-family:'nazwa fonta'; 

UWAGA:

przy dodawaniu czcionek z własnego serwera należy odpowiednio skonfigurować własny serwer. Metoda ta nazywa się CORS (Cross-origin resource sharing). Tu opisane jest co należy skonfigurować na własnym serwerze:

http://enable-cors.org/server.html

Ogólny opis CORS:

http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

 

Przykładowy CORS dla AWS S3:

 

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

 



Powrót


Komentarze

Dodaj komentarz