<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" type="topic" id="typography" xml:lang="sv">

  <info>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <credit type="author">
      <name>William Jon McCann</name>
    </credit>
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
    <desc>Typsnittsstorlekar, vikter och stilar samt specialtecken.</desc>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Anders Jonsson</mal:name>
      <mal:email>anders.jonsson@norsjovallen.se</mal:email>
      <mal:years>2015, 2018</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Sebastian Rasmussen</mal:name>
      <mal:email>sebras@gmail.com</mal:email>
      <mal:years>2017, 2018</mal:years>
    </mal:credit>
  </info>

<title>Typografi</title>

<p>Text är en väsentlig del av alla användargränssnitt. Textstorlek, positionering och vikt bidrar alla till möjligheten för texten att förmedla information effektivt, och spelar också en viktig roll i att skapa ett vackert utseende.</p>

<section id="default-fonts">
<title>Standardtypsnitt</title>

<p>Där det är möjligt, använd systemets standardtypsnitt som erbjuds av distributionen eller operativsystemet under vilket ditt program körs. I GNOME 3 är standardtypsnittet Cantarell som från början designades och utvecklades av David Crossland.</p>

</section>

<section id="variants-sizes-weights">
<title>Varianter, storlekar och vikter</title>

<p>Olika textvikter och färger kan och bör användas för att särskilja olika typer av information. Samtidigt kan allt för många varianter, storlekar och vikter göra text svårare att läsa och är inte ett effektivt eller elegant sätt att förmedla information. Ansträng dig för att minimera antalet typsnittsvarianter, storlekar och vikter.</p>

<list>
<item><p>Använd mindre och/eller ljusare text för mindre viktig information och tjockare/mörkare text för att dra uppmärksamhet till viktig text.</p></item>
<item><p>Undvik att använda kursiva eller lutande typsnitt då dessa visuellt är mer komplexa och kan vara distraherande.</p></item>
<item><p>Använd aldrig versaler för varje bokstav i ett ord eller en mening. Att skrika på dina användare är inte snällt.</p></item>
<item><p>Använd inte grafiska bakgrunder eller ”vattenmärken” bakom text. Dessa stör kontrasten mellan texten och dess bakgrund.</p></item>
</list>

</section>

<section id="unicode">
<title>Dra nytta av Unicode</title>

<p>Unicode erbjuder ett stort antal tecken som, när de används korrekt, dramatiskt kan förbättra intrycket av ett program. Några av exemplen nedan är för engelska skrivregler och skiljer sig antingen från de svenska, eller så är de inte relevanta för svenska förhållanden. I dessa fall har exempeltexten fått kvarstå på engelska. Följande Unicode-tecken rekommenderas:</p>

<table>
<thead>
<tr>
<td><p>Användning</p></td><td><p>Felaktig</p></td><td><p>Korrekt</p></td><td><p>Unicode att använda</p></td>
</tr>
</thead>
<tbody>
<tr>
<td><p>Citat</p></td><td><p>"quote"</p></td><td><p>“quote”</p></td><td><p>U+201C LEFT DOUBLE QUOTATION MARK, U+201D RIGHT DOUBLE QUOTATION MARK</p></td>
</tr>
<tr>
<td><p>Tid</p></td><td><p>4:20</p></td><td><p>4∶20</p></td><td><p>U+2236 RATIO</p></td>
</tr>
<tr>
<td><p>Multiplikation</p></td><td><p>1024x768</p></td><td><p>1024×768</p></td><td><p>U+00D7 MULTIPLICATION SIGN</p></td>
</tr>
<tr>
<td><p>Ellips</p></td><td><p>Introducerar...</p></td><td><p>Introducerar…</p></td><td><p>U+2026 HORIZONTAL ELLIPSIS</p></td>
</tr>
<tr>
<td><p>Apostrof</p></td><td><p>The user's preferences</p></td><td><p>The user’s preferences</p></td><td><p>U+2019 RIGHT SINGLE QUOTATION MARK</p></td>
</tr>
<tr>
<td><p>Punktlista</p></td><td><p>- Ett\n- Två\n- Tre</p></td><td><p>• Ett\n • Två\n • Tre</p></td><td><p>U+2022 BULLET</p></td>
</tr>
<tr>
<td><p>Intervall</p></td><td><p>Juni-Juli 1967</p></td><td><p>Juni–Juli 1967</p></td><td><p>U+2013 EN DASH</p></td>
</tr>
</tbody>
</table>

</section>

</page>
