Aller au contenu
CM Creative Lab Encrage de la plume
000 ● REC

[Police pixel] — CM Creative Lab × CM Interactive

v1.0.0-dev · en cours de dessin

Beffroi 8

Le carillon en pixels.

La police pixel maison de CARDOR Media, dessinée par CM Creative Lab pour les jeux rétro de CM Interactive.

Lisible à ×1, nette à chaque multiple entier, française jusqu’à l’espace fine.

Essayer la police Télécharger ↓

Asc. · 7
Cap. · 6
x · 5
Base
Desc. · 2
Beffroi 8 Regular · grille de 8 px · 1 px = 128 unités · U+E100 le Beffroi
Grille
8 px
Capitale · x
6 · 5 px
Asc. · desc.
7 · 2 px
Interligne
10 px
Glyphes
190
Styles
Regular · Bold · Display · Mini

Exemple : Ça déménage ! 0123456789, cœur, étoile, pièce et beffroi.

[01] — Essai

Tapez, ça sonne.

Accents, ponctuation française et symboles de jeu compris.

Style
Taille (toujours nette)
Couleurs

Ça déménage ! Le beffroi sonne midi. SCORE 012340 ♥♥♥ ×12

Police web · WOFF2 Beffroi 8 Regular · 32 px · ×4

Chargement de l’atlas…

Canvas maison · atlas BMFont .json + .png imageSmoothingEnabled = false · ×4

Les deux rendus doivent coïncider au pixel près.

[02] — Glyphes

Les 190 glyphes.

Latin de base, français complet, ponctuation, symboles de jeu et emblèmes de la maison. Survolez un glyphe pour le détailler, cliquez pour le copier.

Style
Catégorie

Flèches pour parcourir les glyphes, Entrée pour copier le caractère.

[03] — En jeu

Prête à jouer.

HUD, dialogues, écran-titre : trois écrans en HTML et CSS, avec la police seule. Chaque pixel de glyphe couvre exactement 2 pixels d’écran sur téléphone, 3 au-delà.

HUD · chiffres à chasse fixe, vies ♥, pièces U+E000
Dialogue · accents, « » et espaces fines
Écran-titre · ×6 / ×9 pour le logo, ×2 / ×3 pour le menu

[04] — Téléchargements

Dans votre moteur.

Archive complète · v1.0.0-dev Tout télécharger beffroi-v1.0.0-dev.zip · polices, bitmap fonts, manifest, licence et lisez-moi

Licence · CARDOR-reserved

Usage réservé aux productions CARDOR Media.

Beffroi 8 est la police maison de CARDOR Media et de ses studios. Son usage est réservé à leurs productions : aucune redistribution ni usage par un tiers sans accord écrit. Une question ? Écrivez-nous.

hello@cardormedia.com

CSS · @font-face 
@font-face {
  font-family: "Beffroi 8";
  src: url("fonts/woff2/Beffroi8-Regular.woff2") format("woff2"),
       url("fonts/ttf/Beffroi8-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

.hud {
  font-family: "Beffroi 8", monospace;
  font-size: 16px;   /* multiple de 8 : 8, 16, 24, 32, 48 */
  line-height: 20px; /* 10 px de grille × 2 */
  font-synthesis: none;
  -webkit-font-smoothing: none;
  font-smooth: never;
}
Phaser 3 · bitmapFont 
// config du jeu : { pixelArt: true, roundPixels: true }

// preload()
this.load.bitmapFont(
  'beffroi-8-regular',
  'bitmap/beffroi-8-regular.png',
  'bitmap/beffroi-8-regular.xml'
);

// create() : taille native 8, échelle entière
this.add
  .bitmapText(8, 8, 'beffroi-8-regular', 'SCORE 012340', 8)
  .setScale(2);