Mot-clef : CSS

Fil des billets

Modifier et configurer son thème ownCloud, ou comment changer le titre, le pied de page et le slogan

OwnCloud c’est sympa pour héberger, gérer et partager ses données où l’on veut, voire s’affranchir du service Dropbox et de ses conditions d’utilisations un peu obscures.
Et ça roxe du poney, même sur mon Raspberry Pi !

Thème par défaut d'ownCloud

Si vous souhaitez par contre modifier un peu le thème, et en particulier le titre de la page ainsi que le pied de page ownCloud - services web sous votre contrôle, difficile de tomber sur la bonne documentation. Mais à force de chercher j’ai fini par trouver.

Thème Abricot pour ownCloud

⟩ Lire la suite…

Forcer l’anti-aliasing avec Chrome sur Windows

Pour un projet de site web associatif, tout comme pour le blog ici, j’utilise des fontes provenant de la plateforme Google Web Fonts.
C’est un service très pratique qui permet d’utiliser la propriété @font-face de CSS pour utiliser une police d’écriture personnalisée.

Seulement, l’affichage n’était pas terrible du tout sur Windows, et uniquement avec le navigateur Chrome.
J’ai été très surpris qu’Internet Explorer affiche correctement les fontes, mais pas Chrome. Je me suis rendu compte que Chrome ne « forçait » pas le lissage de la police, ce qui donnait un aspect rugueux au rendu.

Comparatif fonte avec Chrome et IE 10

Mais j’ai trouvé une solution en suivant les conseils de Kévin décrits dans son article. Il suffit d’ajouter cette ligne (en adaptant la couleur naturellement) :

-webkit-text-stroke: 0.5px #333;

Chrome sans/avec -webkit-text-stroke

Le rendu est ce qu’il est, mais c’est déjà plus joli et agréable à l’œil.