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>