Fontes Metropolis UI

De RAD Studio
Aller à : navigation, rechercher

Remonter à Développement des applications Metropolis UI


Les applications de style Metropolis UI créées dans RAD Studio utilisent par défaut la fonte Windows 8 Segoe UI, conformément aux directives d'interface utilisateur de Windows 8.

Remarque : Segoe UI est la fonte standard de l'interface utilisateur Windows 8. La famille de fontes Segoe UI a été fournie avec les systèmes d'exploitation Windows depuis Windows 7. La fonte Segoe UI sera utilisée si votre application s'exécute sur une machine Windows 7 ou Windows 8, ou sur un système antérieur si vous avez installé les fontes Segoe UI (depuis ici).

Si vous créez une application Metropolis UI à partir de rien, ou si les fontes sont changées lors du développement, vous pouvez utiliser les directives suivantes pour définir la fonte et la taille de fonte conformément aux directives d'interface utilisateur de Windows 8.

Contrôles Paramètres fonte et taille de fonte

Bouton Vignette

Updated Tile.png

Titre : Segoe UI Light, 20 pt

Description du titre : Segoe UI Semi Light, 11 pt

Nom du bouton Vignette : Segoe UI Regular, 9 pt

Template d'application Grille :

GridView (page principale)

GridViewFontSm.png

En-tête principal (titre) : Segoe UI Light, 42 pt

Sous-titre de l'en-tête (titre de groupe) : Segoe UI Light, 20 pt

Titre de l'élément : Segoe UI Regular, 11 pt

Sous-titre de l'élément : Segoe UI Regular, 9 pt

Template d'application Grille :

DetailView (panneau)

GridPanelSM.png

Titre principal : Segoe UI Light, 42 pt

Titre de l'élément : Segoe UI Light, 20 pt

Sous-titre de l'élément : Segoe UI Light, 11 pt

Texte principal : Segoe UI Regular, 11 pt

Template d'application Volet de fractionnement :

GridPaneView (panneau gauche)

SplitPaneFontSM2.png

En-tête principal (titre) : Segoe UI Light, 42 pt

Titre de l'élément : Segoe UI Regular, 11 pt

Sous-titre de l'élément : Segoe UI Regular, 9 pt

Description de l'élément : Segoe UI Regular, 11 pt

Template d'application Volet de fractionnement :

SplitPaneView (panneau droit)

SplitPaneFont2SM2.png

Titre de l'élément : Segoe UI Semilight, 20 pt

Sous-titre de l'élément : Segoe UI Semilight, 11 pt

Description de l'élément (texte) : Segoe UI Semilight, 11 pt

Libellés

Titre de l'application (applicationtitle) : Segoe UI Light, 42 pt

Texte de la barre d'outils de l'application (sous les boutons de la barre d'outils de forme arrondie) : Segoe UI Regular, 9 pt

Dialogue de l'application : Segoe UI Regular, 35 pt

Titre FlipView : Segoe UI SemiLight, 35 pt

Texte du message/libellé du flyout : Segoe UI Semilight, 11 pt

Libellé d'erreur en ligne : Segoe UI Semilight, 11 pt

Texte du libellé du lecteur multimédia : Segoe UI Regular, 11 pt

Titre de la barre de message : Segoe UI Semilight, 35 pt

Texte de la barre de message : Segoe UI Regular, 11 pt

Case à cocher

Segoe UI Regular, 11 pt

Bouton radio

Segoe UI Regular, 11 pt

Bouton de commande

Principal : Segoe UI Semilight, 11 pt

Sous-titre : Segoe UI Semilight, 11 pt (généralement, la couleur de cette fonte est plus claire ou grise)

Menu contextuel (idem pour la zone de liste) :

Segoe UI Regular, 11 pt

Sélecteur date/heure (liste déroulante munie de fonction de défilement – comportement de type carrousel)

Segoe UI Regular, 11 pt

Bouton

Bouton de dialogue d'application : Segoe UI Semibold, 11 pt

Texte de bouton du panneau Flyout : Myriad Pro Regular, 11 pt

Texte de bouton de message : Myriad Pro Regular, 11 pt

Texte de bouton du panneau Flyout : Myriad Pro Regular, 11 pt

Panneau Flyout

Titre/Texte d'en-tête de panneau : Myriad Pro Regular, 20 pt

Texte de message/libellé du Flyout : Segoe UI Semilight, 11 pt

Texte de bouton du panneau Flyout : Myriad Pro Regular, 11 pt

Erreur en ligne

Libellé : Segoe UI Semilight, 11 pt

Lecteur multimédia

Texte du libellé : Segoe UI Regular, 11 pt

Barre de message

Titre : Segoe UI Semilight, 35 pt

Texte de la barre de message : Segoe UI Regular, 11 pt

Texte du bouton de message : Myriad Pro Regular, 11 pt

Zone de mot de passe + autres contrôles d'édition Windows 8

Texte à l'intérieur de la zone : Segoe UI Regular, 11 pt

Bouton poussoir

Segoe UI Regular, 11 pt

Popup de menu à bascule (sélection multiple avec des marques de sélection)

Segoe UI Regular, 11 pt

Info-bulles

URLs : Segoe UI SemiLight, 9 pt

Texte normal

Segoe UI Regular, 9 pt


Voir aussi