Sdílet prostřednictvím


Písma a formátování pro Visual Studio

Písmo prostředí

Všechna písma v sadě Visual Studio musí být zpřístupněna uživateli pro přizpůsobení. To se provádí především prostřednictvím stránky Písma a barvy v dialogovém okně Možnosti nástrojů>. Existují tři hlavní kategorie nastavení písma:

  • Písmo prostředí – primární písmo integrovaného vývojového prostředí (integrované vývojové prostředí), které se používá pro všechny prvky rozhraní, včetně dialogů, nabídek, oken nástrojů a oken dokumentů. Ve výchozím nastavení je písmo prostředí vázané na systémové písmo, které se v aktuálních verzích Windows zobrazuje jako uživatelské rozhraní Segoe 9 bodů. Použití jednoho písma pro všechny prvky rozhraní pomáhá zajistit konzistentní vzhled písma v celém integrovaném vývojovém prostředí ( IDE).

  • Textový editor – prvky, které se zobrazí v kódu a dalších textových editorech, lze přizpůsobit na stránce Textový editor v možnostech nástroje>.

  • Konkrétní kolekce – okna návrháře, která nabízejí přizpůsobení prvků rozhraní uživatelům, mohou zveřejnit písma specifická pro návrhovou plochu na vlastní stránce nastavení v možnostech nástrojů>.

Přizpůsobení a změna velikosti písma editoru

Uživatelé často zvětší nebo zvětší velikost a/nebo barvu textu v editoru podle svých preferencí, nezávisle na obecném uživatelském rozhraní. Vzhledem k tomu, že se písmo prostředí používá u prvků, které se můžou objevit v editoru nebo návrháři, je důležité poznamenat očekávané chování při změně některé z těchto klasifikací písem.

Při vytváření prvků uživatelského rozhraní, které se zobrazují v editoru, ale nejsou součástí obsahu, je důležité použít písmo prostředí, nikoli písmo textu, aby se prvky změnily předvídatelným způsobem.

  1. U textu kódu v editoru změňte velikost pomocí nastavení písma textu kódu a odpovězte na úroveň přiblížení textu editoru.

  2. Všechny ostatní prvky rozhraní by měly být svázané s nastavením písma prostředí a reagovat na všechny globální změny v prostředí. To zahrnuje (mimo jiné):

    • Text v kontextových nabídkách

    • Text v doplňku editoru, například text nabídky žárovky, podokno editoru rychlého hledání a přechod do podokna

    • Označení textu v dialogových oknech, jako je Hledání v souborech nebo refaktoring

Přístup k písmu prostředí

V kódu Native nebo WinForms je písmo prostředí přístupné voláním metody IUIHostLocale::GetDialogFont po dotazování rozhraní ze SID_SUIHostLocale služby.

Pro Windows Presentation Foundation (WPF) odvozujte třídu okna dialogového okna z třídy prostředí DialogWindow místo třídy WPF Window .

Kód v XAML vypadá takto:

<ui:DialogWindow
    x:Class"MyNameSpace.MyWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:s="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ui="clr-namespace:Microsoft.VisualStudio.PlatformUI;assembly=Microsoft.VisualStudio.Shell.11.0"
    ShowInTaskbar="False"
    WindowStartupLocation="CenterOwner"
    Title="My Dialog">
</ui:DialogWindow>

Kód za:

internal partial class WebConfigModificationWindow : DialogWindow
{
}

(Nahraďte Microsoft.VisualStudio.Shell.11.0 aktuální verzí knihovny MPF dll.)

Chcete-li zobrazit dialogové okno, zavolejte "ShowModal()" v třídě nad ShowDialog(). ShowModal() nastaví správný modální stav v prostředí, zajistí, že je dialogové okno zarovnané na střed v nadřazeném okně atd.

Kód je následující:

MyWindow window = new MyWindow();
window.ShowModal()

ShowModal vrátí bool? (Logická hodnota s možnou DialogResulthodnotou null) s hodnotou , kterou lze v případě potřeby použít. Vrácená hodnota je true, pokud bylo dialogové okno uzavřeno s OK.

Pokud potřebujete zobrazit nějaké uživatelské rozhraní WPF, které není dialogové okno a je hostované ve své vlastní , HwndSourcenapříklad automaticky otevírané okno nebo podřízené okno WPF nadřazeného okna Win32/WinForms, budete muset nastavit FontFamily a FontSize na kořenovém prvku elementu WPF. (Prostředí nastaví vlastnosti v hlavním okně, ale nebudou zděděny za ).HWND Prostředí poskytuje prostředky, ke kterým mohou být vlastnosti vázány, například takto:

<Setter Property="FontFamily" Value="{DynamicResource VsFont.EnvironmentFontFamily}" />
<Setter Property="FontSize" Value="{DynamicResource VsFont.EnvironmentFontSize}" />

Referenční informace k formátování (škálování nebo tučné písmo)

Některá dialogová okna vyžadují, aby byl konkrétní text tučný nebo jiný než písmo prostředí. Dříve byla písma větší než písmo prostředí kódované jako "environment font +2" nebo podobné. Použití zadaných fragmentů kódu bude podporovat monitory s vysokým rozlišením DPI a zajistit, aby se zobrazovaný text vždy zobrazoval ve správné velikosti a hmotnosti (například Light nebo Semilight).

Poznámka:

Než použijete formátování, ujistěte se, že používáte pokyny uvedené ve stylu textu.**

Pokud chcete škálovat písmo prostředí, nastavte styl objektu TextBlock nebo Popisek, jak je uvedeno. Každý z těchto fragmentů kódu, který se správně používá, vygeneruje správné písmo, včetně odpovídajících variant velikosti a hmotnosti.

Kde "vsui" je odkaz na obor názvů Microsoft.VisualStudio.Shell:

xmlns:vsui="clr-namespace:Microsoft.VisualStudio.Shell;assembly=Microsoft.VisualStudio.Shell.14.0"

375% Písmo prostředí + Světlo

Vypadá takto: 34 pt Segoe UI Light

Používá se pro: (vzácné) jedinečné branded UI

Procedurální kód: Kde textBlock je dříve definovaný TextBlock a label je dříve definovaný popisek:

textBlock.SetResourceReference(TextBlock.StyleProperty,  
        VsResourceKeys.TextBlockEnvironment375PercentFontSizeStyleKey); 
label.SetResourceReference(Label.StyleProperty,  
        VsResourceKeys.LabelEnvironment375PercentFontSizeStyleKey);

XAML: Nastavte styl objektu TextBlock nebo Popisek, jak je znázorněno.

<TextBlock Style="{DynamicResource {x:Static vsui:VsResourceKeys.TextBlockEnvironment375PercentFontSizeStyleKey}}">TextBlock: 375 Percent Scaling</TextBlock> 
<Label Style="{DynamicResource {x:Static vsui:VsResourceKeys.LabelEnvironment375PercentFontSizeStyleKey}}">Label: 375 Percent Scaling</Label>

310% Písmo prostředí + Světlo

Vypadá takto: 28 pt Segoe UI Light Use for: large signature dialog titles, main heading in reports

Procedurální kód: Kde textBlock je dříve definovaný TextBlock a label je dříve definovaný popisek:

textBlock.SetResourceReference(TextBlock.StyleProperty,  
        VsResourceKeys.TextBlockEnvironment310PercentFontSizeStyleKey); 
label.SetResourceReference(Label.StyleProperty,  
        VsResourceKeys.LabelEnvironment310PercentFontSizeStyleKey);

XAML: Nastavte styl objektu TextBlock nebo Popisek, jak je znázorněno.

<TextBlock Style="{DynamicResource {x:Static vsui:VsResourceKeys.TextBlockEnvironment310PercentFontSizeStyleKey}}">TextBlock: 310 Percent Scaling</TextBlock> 
<Label Style="{DynamicResource {x:Static vsui:VsResourceKeys.LabelEnvironment310PercentFontSizeStyleKey}}">Label: 310 Percent Scaling</Label>

200% písmo prostředí + středník

Vypadá takto: 18 pt Segoe UI Semilight Use for: podnadpisy, názvy v malých a středních dialogech

Procedurální kód: Kde textBlock je dříve definovaný TextBlock a label je dříve definovaný popisek:

textBlock.SetResourceReference(TextBlock.StyleProperty,  
        VsResourceKeys.TextBlockEnvironment200PercentFontSizeStyleKey); 
label.SetResourceReference(Label.StyleProperty,  
        VsResourceKeys.LabelEnvironment200PercentFontSizeStyleKey);

XAML: Nastavte styl objektu TextBlock nebo Popisek, jak je znázorněno:

<TextBlock Style="{DynamicResource {x:Static vsui:VsResourceKeys.TextBlockEnvironment200PercentFontSizeStyleKey}}">TextBlock: 200 Percent Scaling</TextBlock> 
<Label Style="{DynamicResource {x:Static vsui:VsResourceKeys.LabelEnvironment200PercentFontSizeStyleKey}}">Label: 200 Percent Scaling</Label>

155% písmo prostředí

Vypadá takto: 14 pt Segoe UI Use for: section headings in document well UI or reports

Procedurální kód: Kde textBlock je dříve definovaný TextBlock a label je dříve definovaný popisek:

textBlock.SetResourceReference(TextBlock.StyleProperty,  
        VsResourceKeys.TextBlockEnvironment155PercentFontSizeStyleKey); 
label.SetResourceReference(Label.StyleProperty,  
        VsResourceKeys.LabelEnvironment155PercentFontSizeStyleKey);

XAML: Nastavte styl objektu TextBlock nebo Popisek, jak je znázorněno:

<TextBlock Style="{DynamicResource {x:Static vsui:VsResourceKeys.TextBlockEnvironment155PercentFontSizeStyleKey}}">TextBlock: 155 Percent Scaling</TextBlock> 
<Label Style="{DynamicResource {x:Static vsui:VsResourceKeys.LabelEnvironment155PercentFontSizeStyleKey}}">Label: 155 Percent Scaling</Label>

133% Písmo prostředí

Vypadá takto: 12 pt Segoe UI Use for: menší podnadpisy v dialogových oknech podpisů a uživatelské rozhraní dobře dokumentu

Procedurální kód: Kde textBlock je dříve definovaný TextBlock a label je dříve definovaný popisek:

textBlock.SetResourceReference(TextBlock.StyleProperty,  
        VsResourceKeys.TextBlockEnvironment133PercentFontSizeStyleKey); 
label.SetResourceReference(Label.StyleProperty,  
        VsResourceKeys.LabelEnvironment133PercentFontSizeStyleKey);

XAML: Nastavte styl objektu TextBlock nebo Popisek, jak je znázorněno:

<TextBlock Style="{DynamicResource {x:Static vsui:VsResourceKeys.TextBlockEnvironment133PercentFontSizeStyleKey}}">TextBlock: 133 Percent Scaling</TextBlock> 
<Label Style="{DynamicResource {x:Static vsui:VsResourceKeys.LabelEnvironment133PercentFontSizeStyleKey}}">Label: 133 Percent Scaling</Label>

Písmo prostředí 122 %

Zobrazí se jako: 11 pt Segoe UI Use for: section headings in signature dialogs, top nodes in tree view, vertical tab navigation

Procedurální kód: Kde textBlock je dříve definovaný TextBlock a label je dříve definovaný popisek:

textBlock.SetResourceReference(TextBlock.StyleProperty,  
        VsResourceKeys.TextBlockEnvironment122PercentFontSizeStyleKey); 
label.SetResourceReference(Label.StyleProperty,  
        VsResourceKeys.LabelEnvironment122PercentFontSizeStyleKey);

XAML: Nastavte styl objektu TextBlock nebo Popisek, jak je znázorněno:

<TextBlock Style="{DynamicResource {x:Static vsui:VsResourceKeys.TextBlockEnvironment122PercentFontSizeStyleKey}}">TextBlock: 122 Percent Scaling</TextBlock> 
<Label Style="{DynamicResource {x:Static vsui:VsResourceKeys.LabelEnvironment122PercentFontSizeStyleKey}}">Label: 122 Percent Scaling</Label>

Písmo prostředí + tučné

Zobrazuje se jako: tučné písmo 9 bodů Segoe UI Use for: labels and subheads in signature dialogs, reports, and document well UI

Procedurální kód: Kde textBlock je dříve definovaný TextBlock a label je dříve definovaný popisek:

textBlock.SetResourceReference(TextBlock.StyleProperty,  
        VsResourceKeys.TextBlockEnvironmentBoldStyleKey); 
label.SetResourceReference(Label.StyleProperty,  
        VsResourceKeys.LabelEnvironmentBoldStyleKey);

XAML: Nastavte styl objektu TextBlock nebo Popisek, jak je znázorněno:

<TextBlock Style="{DynamicResource {x:Static vsui:VsResourceKeys.TextBlockEnvironmentBoldStyleKey}}"> Bold TextBlock</TextBlock> 
<Label Style="{DynamicResource {x:Static vsui:VsResourceKeys.LabelEnvironmentBoldStyleKey}}"> Bold Label</Label>

Lokalizovatelné styly

V některýchpřípadechchcích budou muset v některých případech upravit styly písma pro různá národní prostředí, například odebrání tučného písma z textu pro východoasijské jazyky. Aby bylo možné lokalizaci stylů písem, musí být tyto styly v souboru .resx. Nejlepší způsob, jak toho dosáhnout a přesto upravit styly písem v návrháři formulářů sady Visual Studio, je explicitně nastavit styly písma v době návrhu. I když se tím vytvoří celý objekt písma a může se zdát, že přeruší dědičnost nadřazených písem, k nastavení písma se používá pouze FontStyle vlastnost.

Řešením je připojit událost formuláře dialogového FontChanged okna. FontChanged V případě projděte všechny ovládací prvky a zkontrolujte, jestli je nastavené písmo. Pokud je nastavená, změňte ho na nové písmo na základě písma formuláře a předchozího stylu písma ovládacího prvku. Příkladem tohoto kódu je:

private void Form1_FontChanged(object sender, System.EventArgs e)
{
          SetFontStyles();
}

/// <summary>
/// SetFontStyles - This function will iterate all controls on a page
/// and recreate their font with the desired fontstyle.
/// It should be called in the OnFontChanged handler (and also in the constructor
/// in case the IUIService is not available so OnFontChange doesn't fire).
/// This way, when the VS shell font is given to us the controls that have
/// a different style for the font (bolded for example) will recreate their font
/// and use the VS shell font but with a style variation (bolded ...).
/// </summary>
protected void SetFontStyles()
{
     SetFontStyles(this, this, this.Font);
}

protected static void SetFontStyles(Control topControl, Control parent, Font referenceFont)
{
     foreach(Control c in parent.Controls)
     {
          if (c.Controls != null && c.Controls.Count > 0) {
               SetFontStyles(topControl, c, referenceFont);
          }
          if (c.Font != topControl.Font) {
               c.Font = new Font(referenceFont, c.Font.Style);
          }
     }
}

Použití tohoto kódu zaručuje, že při aktualizaci písma formuláře se aktualizují i písma ovládacích prvků. Tato metoda by měla být volána také z konstruktoru formuláře, protože dialogové okno nemusí selhat získat instanci IUIService a FontChanged událost se nikdy neaktivuje. FontChanged Připojení umožní dialogům dynamicky vyzvednout nové písmo, i když je dialogové okno již otevřené.

Testování písma prostředí

Pokud chcete zajistit, aby vaše uživatelské rozhraní používalo písmo prostředí a respektoval nastavení velikosti, otevřete nástroje > Možnosti > písma a barvy prostředí > a vyberte v rozevírací nabídce Zobrazit nastavení pro:.

Fonts and Colors settings in the Tools > Options dialog
Nastavení písem a barev v dialogovém okně Možnosti nástrojů >

Nastavte písmo na něco úplně jiného než výchozí. Aby bylo zřejmé, které uživatelské rozhraní se neaktualizuje, zvolte písmo s patkami (například Times New Roman) a nastavte velmi velkou velikost. Pak otestujte uživatelské rozhraní, abyste zajistili, že bude respektovat prostředí. Tady je příklad použití dialogového okna licence:

Example of UI text that does not respect the environment font
Příklad textu uživatelského rozhraní, který nerespektuje písmo prostředí

V tomto případě "Informace o uživateli" a "Informace o produktu" nerespektují písmo. V některých případech to může být explicitní volba návrhu, ale může se jednat o chybu, pokud explicitní písmo není zadáno jako součást specifikace redline.

Pokud chcete písmo obnovit, klikněte na Použít výchozí hodnoty v části Nástroje > Možnosti > písma a barvy prostředí>.

Styl textu

Styl textu odkazuje na velikost písma, tloušťku a velikost písmen. Pokyny k implementaci najdete v tématu Písmo prostředí.

Velikost písmen textu

Všechna zakončení

Nepoužívejte pro názvy nebo popisky v sadě Visual Studio všechna omezení.

Všechna malá písmena

Nepoužívejte všechna malá písmena pro názvy nebo popisky v sadě Visual Studio.

Věta a velká písmena nadpisu

Text v sadě Visual Studio by měl v závislosti na situaci používat velká nebo velká písmena nadpisu.

Velká písmena názvu použijte pro: Použijte velká a velká písmena pro:
Názvy dialogů Popisky
Skupinová pole Políčka
Položky nabídky Přepínače
Položky místní nabídky Položky seznamu
Tlačítka Stavové řádky
Popisky tabulek
Záhlaví sloupců
Popisy
Velká písmena nadpisu

Záhlaví je styl, ve kterém jsou první písmena většiny nebo všech slov ve frázi velká písmena. V sadě Visual Studio se pro mnoho položek používá velká písmena nadpisu, včetně:

  • Popisy. Příklad: Náhled vybraných položek

  • Záhlaví sloupců. Příklad: "Systémová odpověď"

  • Položky nabídky. Příklad: Uložit vše

    Pokud používáte velká písmena názvu, jedná se o pokyny pro velká písmena a kdy je nechat malými písmeny:

Velká písmena Komentáře a příklady
Všechna podstatná jména
Všechny akce Zahrnutí "Is" a dalších forem "be"
Všechny příslovce Zahrnutí "Than" a "When"
Všechna přídavná jména Včetně "This" a "That"
Všechny výslovnosti Včetně přivlastňovacího "Jeho" a také "Je", kontrakce "it" a slovesa "is"
První a poslední slova bez ohledu na slovní druhy
Předložky, které jsou součástí slovesné fráze "Zavření všech oken" nebo "Vypnutí systému"
Všechna písmena zkratky HTML, XML, URL, IDE, RGB
Druhé slovo ve složené slově, pokud se jedná o podstatné jméno nebo správné adjektivní jméno, nebo pokud slova mají stejnou váhu Křížový odkaz, software před microsoftem, přístup pro čtení a zápis, běhový čas
Malá písmena Příklady
Druhé slovo ve složené slově, pokud se jedná o jinou část řeči nebo část, která upravuje první slovo Postupy, Odjeďte
Články, pokud není prvním slovem v názvu a, an,
Souřadnicové spojení a, ale pro, ani, nebo
Předložky se slovy čtyř nebo méně písmen mimo slovesnou frázi do, do, jak je uvedeno, mimo, na
"Komu" při použití v infinitivní frázi "Jak formátovat pevný disk"
Velká písmena věty

Velká písmena věty je standardní způsob psaní velkých písmen, ve kterém je pouze první slovo věty velkými písmeny, spolu se správnými podstatnými jmenami a výslovným slovem "I". Obecně platí, že věta je pro celosvětovou cílovou skupinu čitelnější, zejména v případě, že obsah bude přeložen počítačem. Použijte velká a velká písmena pro:

  1. Zprávy stavového řádku Jsou to jednoduché, krátké a poskytují pouze informace o stavu. Příklad: Načítání souboru projektu

  2. Všechny ostatní prvky uživatelského rozhraní, včetně popisků, zaškrtávacích políček, přepínačů a položek seznamu. Příklad: "Vybrat všechny položky v seznamu"

Formátování textu

Výchozí formátování textu v sadě Visual Studio 2013 je řízeno písmem prostředí. Tato služba pomáhá zajistit konzistentní vzhled písma v integrovaném vývojovém prostředí (integrované vývojové prostředí) a musíte ji použít k zajištění konzistentního prostředí pro vaše uživatele.

Výchozí velikost používaná službou písem sady Visual Studio pochází z Windows a zobrazuje se jako 9 bodů.

Formátování můžete použít pro písmo prostředí. Toto téma popisuje, jak a kde používat styly. Informace o implementaci najdete v písmu prostředí.

Tučný text

Tučný text se v sadě Visual Studio používá střídmě a měl by být rezervovaný pro:

  • Popisky otázek v průvodcích

  • návrh aktivního projektu v Průzkumník řešení

  • přepisované hodnoty v okně nástroje Vlastnosti

  • určité události v rozevíracích seznamech editoru jazyka Visual Basic

  • obsah vygenerovaný serverem v osnově dokumentu pro webové stránky

  • Záhlaví oddílů v komplexním dialogovém okně nebo v uživatelském rozhraní návrháře

Kurzíva

Visual Studio nepoužívá kurzívu ani tučný kurzívu.

Color

  • Modrá je vyhrazená pro hypertextové odkazy (navigace a příkazy) a nikdy by se neměla používat pro orientaci.

  • Větší nadpisy (písmo prostředí x 155 % nebo vyšší) lze pro tyto účely obarvit:

    • Poskytnutí vizuálního odvolání k podpisu uživatelského rozhraní sady Visual Studio

    • Upozorňovat na konkrétní oblast

    • Chcete-li nabídnout úlevu od standardní tmavě šedé/černé barvy textu prostředí

  • Barva v nadpisech by měla využívat stávající barvy značky sady Visual Studio, především hlavní fialové #FF68217A.

  • Při použití barvy v nadpisech musíte dodržovat pokyny pro barvy Windows, včetně poměru kontrastu a dalších aspektů přístupnosti.

Velikost písma

Návrh uživatelského rozhraní sady Visual Studio nabízí světlejší vzhled s větším prázdným místem. Pokud je to možné, zmenšovaly nebo odebraly pruhy pro chrome a nadpisy. I když je hustota informací v sadě Visual Studio požadavkem, typografie je i nadále důležitá a klade důraz na větší otevřené řádkování a variaci velikostí a tloušťk písma.

Následující tabulky obsahují podrobnosti o návrhu a příklady vizuálů pro písma zobrazení používaná v sadě Visual Studio. Některé varianty písma zobrazení mají velikost i váhu, jako je Semilight nebo Light, kódované do jejich vzhledu.

Fragmenty kódu implementace pro všechna písma zobrazení najdete v referenčních informacích k formátování (škálování nebo tučné písmo).

375% Písmo prostředí + Světlo

Využití Vzhled
Použití: Vzácné. Jedinečné branded UI only.

Udělejte toto:

- Použít velká písmena věty
- Vždy používejte lehkou hmotnost

Ne:

– Používá se pro jiné uživatelské rozhraní než uživatelské rozhraní podpisu, jako je například úvodní stránka.
- Tučné, kurzíva nebo tučné kurzíva
- Používá se pro základní text
- Použití v oknech nástrojů
Vypadá takto: 34 pt Segoe UI Light

Příklad vizuálu:

Aktuálně se nepoužívá. Dá se použít na úvodní stránce sady Visual Studio 2017.

310% Písmo prostředí + Světlo

Využití Vzhled
Použití:

- Větší nadpis v dialogových oknech podpisu
- Hlavní nadpis sestavy

Udělejte toto:

- Použít velká písmena věty
- Vždy používejte lehkou hmotnost

Ne:

– Používá se pro jiné uživatelské rozhraní než uživatelské rozhraní podpisu.
- Tučné, kurzíva nebo tučné kurzíva
- Používá se pro základní text
- Použití v oknech nástrojů
Zobrazí se jako: 28 pt Segoe UI Light

Příklad vizuálu:

Example of 310% Environment font + Light heading

200% písmo prostředí + středník

Využití Vzhled
Použití:

-Podpoložek
- Názvy v malých a středních dialogech

Udělejte toto:

- Použít velká písmena věty
- Vždy používejte středník hmotnosti

Ne:

- Tučné, kurzíva nebo tučné kurzíva
- Používá se pro základní text
- Použití v oknech nástrojů
Vypadá takto: 18 pt Segoe UI Semillight

Příklad vizuálu:

Example of 200% Environment font + Semilight

155% písmo prostředí

Využití Vzhled
Použití:

– Nadpisy oddílů v uživatelském rozhraní dobře dokumentu
-Zprávy

Do: Použití velká a velká písmena vět

Ne:

- Tučné, kurzíva nebo tučné kurzíva
- Používá se pro základní text
– Použití ve standardních ovládacích prvcích sady Visual Studio
- Použití v oknech nástrojů
Zobrazí se jako: 14 pt Segoe UI

Příklad vizuálu:

Example of 155% Environment font heading

133% Písmo prostředí

Využití Vzhled
Použití:

- Menší podnadpisy v dialogových oknech podpisu
– Menší podnadpisy v uživatelském rozhraní dobře dokumentu

Do: Použití velká a velká písmena vět

Ne:

- Tučné, kurzíva nebo tučné kurzíva
- Používá se pro základní text
– Použití ve standardních ovládacích prvcích sady Visual Studio
- Použití v oknech nástrojů
Zobrazí se jako: 12 pt Segoe UI

Příklad vizuálu:

Example of 133% Environment font heading

Písmo prostředí 122 %

Využití Vzhled
Použití:

- Nadpisy oddílů v dialogových oknech podpisu
– Horní uzly ve stromovém zobrazení
- Navigace na svislé kartě

Do: Použití velká a velká písmena vět

Ne:

- Tučné, kurzíva nebo tučné kurzíva
- Používá se pro základní text
– Použití ve standardních ovládacích prvcích sady Visual Studio
- Použití v oknech nástrojů
Zobrazí se jako: 11 pt Segoe UI

Příklad vizuálu:

Example of 122% Environment font heading

Písmo prostředí + tučné

Využití Vzhled
Použití:

- Popisky a podnadpisy v dialogových oknech podpisu
– Popisky a podnadpisy v sestavách
– Popisky a podnadpisy v uživatelském rozhraní dobře dokumentu

Udělejte toto:

- Použít velká písmena věty
- Použití tučné hmotnosti

Ne:

- Kurzíva nebo tučné kurzíva
- Používá se pro základní text
– Použití ve standardních ovládacích prvcích sady Visual Studio
- Použití v oknech nástrojů
Zobrazí se jako: tučné písmo 9 bodů Segoe UI

Příklad vizuálu:

Example of Environment font + Bold heading

Písmo prostředí

Využití Vzhled
Použití: Všechny ostatní texty

Do: Použití velká a velká písmena vět

Ne: Kurzíva nebo tučné kurzíva
Zobrazí se jako: 9 pt Segoe UI

Příklad vizuálu:

Example of Environment font

Odsazení a mezery

Nadpisy vyžadují kolem nich mezeru, aby se zvýrazňovaly odpovídajícím způsobem. Tento prostor se liší v závislosti na velikosti bodu a na tom, co dalšího je blízko záhlaví, například vodorovné pravidlo nebo řádek textu v písmu prostředí.

  • Ideální odsazení nadpisu by mělo být 90 % prostoru pro výšku velkých znaků. Například nadpis Segoe UI Light 28 bodů má výšku zakončení 26 bodů a odsazení by mělo být přibližně 23 bodů nebo přibližně 31 pixelů.

  • Minimální mezera kolem nadpisu by měla být 50 % výšky hlavního znaku. Méně místa se může použít, pokud je nadpis doprovázen pravidlem nebo jiným těsným prvkem.

  • Text písma v prostředí s tučným písmem by měl odpovídat výchozímu řádkování a odsazení.

Viz také