Quelques trucs et astuces pour Framer.

Redéfinir la fonte avec un peu de CSS

Comment forcer la redéfinition de la fonte avec du CSS?

Voici comment faire pour appliquer Courier / monospace:

Dans Settings > Site > Code, ajouter un script avec les options suivantes:

  • Placement : End of Head.
  • Page : All
  • Run : On every page visit.

Contenu du code:

<style>
* {
  --framer-font-family: "Courier", monospace !important;
}
</style>

Idem, pour utiliser Helvetica (la police système):

<style>
* {
  --framer-font-family: "Helvetica Neue LT Pro", "Helvetica Neue", "Helvetica", sans-serif !important;
}
</style>

Une autre option, pour avoir Helvetica, serait d’uploader “Tex Gyre Heros”, un clone open-source.

Limiter et centrer le contenu

Pour limiter le contenu (p.ex. à 1440px) et le centrer, voici un autre style CSS à appliquer:

<style>
#main {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
</style>