Les polices de caractères pour le web

Si vous avez un site sur Typo3, il n'est pas nécessaire d'ajouter ce code car il a été préalablement intégré à la racine du site pour toutes les pages conçues sous Typo3.

Si vous avez un site "autonome" hébergé sur un des serveurs de l'université, vous avez la possibilité d'intégrer ces deux polices de caractères à la CSS de votre site.

IMPORTANT : Seuls les sites hébergés sur les serveurs de Paris 1 ont l'autorisation de les utiliser. En effet la police Brandon Grotesque n'est pas libre de droit et a été transmise à l'université uniquement pour les sites hébergés sur son domaine (c'est-à-dire dont le nom du site fini par .univ-paris1.fr)

Pour intégrer les polices sur votre site hébergé sur le domaine de Paris 1 :

1 - Téléchargez les polices ci-dessous :

 
Brandon Grotesque pack Webfont

 
Ingleby pack Webfont

2 - Ajoutez le code CSS ci-dessous à votre fichier CSS

@font-face {
  font-family: 'Ingleby-Bold';
    src:  url('Ingleby-Bold.woff') format('woff'),
    url('Ingleby-Bold.ttf') format('truetype'),
    url('Ingleby-Bold.svg#Ingleby-Bold') format('svg'),
    url('Ingleby-Bold.eot'),
    url('Ingleby-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'Ingleby-Regular';
    src:  url('Ingleby-Regular.woff') format('woff'),
    url('Ingleby-Regular.ttf') format('truetype'),
    url('Ingleby-Regular.svg#Ingleby-Regular') format('svg'),
    url('Ingleby-Regular.eot'),
    url('Ingleby-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Brandon Grotesque';
src: url('brandon_grotesque.eot?') format('eot'),
url('brandon_grotesque.otf') format('truetype'),
url('brandon_grotesque.woff') format('woff'),
url('brandon_grotesque.svg#BrandonGrotesque') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Brandon Grotesque Bold';
src: url('brandon_grotesque_bold.eot?') format('eot'),
url('brandon_grotesque_bold.otf') format('truetype'),
url('brandon_grotesque_bold.woff') format('woff'),
url('brandon_grotesque_bold.svg#BrandonGrotesqueBold') format('svg');
font-weight: bold;
font-style: normal;
}