Le fond et la police Le fond et la police
Menu

Le fond et la police

5 janvier 2015 - DashScreen DashBoard
Le fond et la police

Au début j’avais un fond noir et une police blanche style Arial.

Un jour dans un restaurant (plutôt une cantine) j’ai vu un menu affiché sur un écran avec un fond style ardoise ou tableau noir et une écriture style craie. Il y avait aussi un cadre très très moche à mon gout.

Comme j’ai trouvé cela sympa j’ai fait de même pour mon menu dans mon Dashscreen.

J’ai trouvé sur le net une photo d’un tableau :

Tableau.jpg tableau

Et ensuite une police : Eraser.ttf. J’ai utilisé cette police pour les écriture et aussi dans les textes des graphiques de température.

C’est plutôt sympa :  IMG_27712

Bon après il va falloir attaquer le codage de tout cela. Sur cette partie tout ce passe dans le fichier style.css.

Pour la police j’ai ajouté une balise font-face pour avoir la police sur tous les support utilisés. Comme cela j’ai aussi le police sur mon portable ou un autre ordinateur.

@font-face{
font-family : "eraserregular";
src : url('Eraser.ttf');
}

Bien sur le fichier Eraser.ttf doit être dans le même répertoire.

Pour le fond de l’écran j’ai mis mon image en fond du DIV principal div#main.

div#main
{
width : 1440px;
height : 900px;
position : relative;
overflow : hidden;
background-color : rgba(0, 0, 0, 1);
background-image : url(tableau.jpg);
color : #000;
}

En plus il y a la taille de mon écran 1440*900.

A+