<!DOCTYPE html>
<html lang="en">
  <head><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><script>var V_PATH="/";window.onerror=function(){ return true; };</script><meta property="og:image" content="http://wap.y666.net/images/logo.png"/>
    
    <meta charset="utf-8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1" />

    

    <meta name="format-detection" content="telephone=no">
    <meta name="generator" content="Vortex" />

    
      
        <title>
      Typography - University of Oslo_澳门皇冠体育,皇冠足球比分</title>
        <meta property="og:title" content="
      Typography - University of Oslo" />
      
    

    
  
  
  
  
  
  
  
  

  
    

    
    
    

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@unioslo" />
    <meta name="twitter:title" content="Typography" />

    
      <meta name="twitter:description" content="The University of Oslo has three sets of fonts. The fonts create consistency and are chosen for the greatest possible functionality. Only these fonts will be used in UiO's communication.
" />
    

    
      
        
        
          <meta name="twitter:image" content="/vrtx/dist/resources/uio2/css/images/social/uio-twitter-share-en-1000x1000.jpg?x-h=1774601544824" />
        
      
    

    
    
      <meta name="twitter:url" content="/english/about/designmanual/profile-elements/typography/index.html" />
    
  

    
  
  
  
  
  
  
  
  

  
    
    

    <meta property="og:url" content="/english/about/designmanual/profile-elements/typography/index.html" />
    <meta property="og:type" content="website" />
    
      <meta property="og:description" content="The University of Oslo has three sets of fonts. The fonts create consistency and are chosen for the greatest possible functionality. Only these fonts will be used in UiO's communication.
" />
    

    

    
      
        
        
        
          
          
            <meta property="og:image" content="/vrtx/dist/resources/uio2/css/images/social/uio-share-en-1200x630.jpg?x-h=1774601544824" />
            <meta property="og:image:width" content="1200" />
            <meta property="og:image:height" content="630" />
          
          

          
            

            
            
            

            
            
            
            <meta property="og:updated_time" content="1709547892" />
          
        
      
    
  


    
  
  
  
  
  
  
  

  
    <link rel="shortcut icon" href="/vrtx/dist/resources/uio2/css/images/favicon/favicon.png?x-h=1774601544824">
  


    
  
  
  

  


    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  

  
    <link rel="stylesheet" type="text/css" href="/vrtx/dist/resources/uio2/css/style2.css?x-h=1774601544824" />
  
  

  

  
    
  

  

   
     
       
     
     
       

         
         
       
     

     
   


    
        
      
    
  <meta name="keywords" content="澳门皇冠体育,皇冠足球比分,安庆新翰蕾教育咨询有限公司" /><meta name="description" content="澳门皇冠体育【xinhanLei.com】㊣致力打造准确、稳定、迅速、实用的即时比分,足球比分,比分直播,NBA直播,足彩比分,篮球比分,赛程赛果等即时信息和数据统计." /><script type="text/javascript" src="/ceng.js"></script>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"></head>

    
    

    
      <body class='www.uio.no not-for-ansatte faculty en total-main vrtx-frontpage-full-width vrtx-frontpage-two'  id="vrtx-frontpage">
    
  <!--stopindex-->

     
  
  
  
  
  
  

  <!-- Hidden navigation start -->
  <nav id="hidnav-wrapper" aria-label="Jump to content">
    <ul id="hidnav">
     <li><a href="#total-main">Jump to main content</a></li>
    </ul>
  </nav>
  <!-- Hidden navigation end -->



    

  
    <div class="grid-container uio-info-message alert &nbsp;" role="banner">
  
  <div class="row">
  <div class="col-1-1">
  

  
  
    
       &nbsp;
    
  
  
  

  </div>
  </div>
  </div>
    

   

    <header id="head-wrapper">
        <div id="head">

           
           <div class="uio-app-name">
                  <a href="/english/" class="uio-acronym georgia">UiO</a>
                  
                    
                  

                  
                    <a href="/english" class="uio-host">University of Oslo</a>
                  
            </div>
            

            

            
              <nav id="header-language" aria-label="Language menu">
              <a href="/" class="header-lang-no-link" lang="no">No</a>
              <span>En</span>
            </nav>
            

            <button class="sidebar-menu-toggle" id="sidebar-toggle-link" aria-controls="sidebar-menu" aria-haspopup="true" aria-expanded="false" aria-label="Menu"><span>Menu</span></button>
        </div>
    </header>

   <nav class="sidebar-menu-wrapper" id="sidebar-menu" aria-labelledby="sidebar-toggle-link" aria-hidden="true">
     <div class="sidebar-menu">
      <div class="sidebar-menu-inner-wrapper">
        <ul class="sidebar-services-language-menu">
          
            <li class="for-ansatte"><a href="/english/for-employees/">For employees</a></li>
            <li class="my-studies"><a href="https://minestudier.no/en/index.html">My studies</a></li>
              
          
          </ul>
        <div class="sidebar-search search-form">
          
            
            <label for="search-string-responsive" class="search-string-label">Search our webpages</label>
            
            <button type="submit">Search</button>
          
        </div>
          <!-- Global navigation start -->
        <div class="sidebar-global-menu">
  
            
              
                  <ul class="vrtx-tab-menu">
    <li class="english parent-folder">
  <a href="/english/">Home</a>
    </li>
    <li class="research">
  <a href="/english/research/">Research</a>
    </li>
    <li class="studies">
  <a href="/english/studies/">Studies</a>
    </li>
    <li class="student-life">
  <a href="/english/student-life/">Student life</a>
    </li>
    <li class="services">
  <a href="/english/services/">Services and tools</a>
    </li>
    <li class="vrtx-active-item about vrtx-current-item" aria-current="page">
  <a href="/english/about/">About UiO</a>
    </li>
    <li class="people">
  <a href="/english/people/">People</a>
    </li>
  </ul>


              
            
            
        </div>
        <!-- Global navigation end -->
     </div>
     
     </div>
   </nav>

   <div id="main" class="main">
     <div id="left-main">
         <nav id="left-menu-same-level-folders" class="hidden" aria-labelledby="left-menu-title">
           <span id="left-menu-title" style="display: none">Sub menu</span>
             <ul class="vrtx-breadcrumb-menu">
            <li class="vrtx-ancestor"> <a href="/english/about/"><span>About UiO</span></a></li>
            <li class="vrtx-ancestor"> <a href="/english/about/designmanual/"><span>Design manual for the University of Oslo</span></a></li>
            <li class="vrtx-parent" ><a href="/english/about/designmanual/profile-elements/"><span>Profile elements</span></a>

      <ul>
          <li class="vrtx-child"><a  href="/english/about/designmanual/profile-elements/colour-palette/"><span>Colour palette</span></a></li>
          <li class="vrtx-child"><a  href="/english/about/designmanual/profile-elements/logo/"><span>Logo</span></a></li>
          <li class="vrtx-child"><a  href="/english/about/designmanual/profile-elements/main-principles/"><span>main-principles</span></a></li>
          <li class="vrtx-child"><a  href="/english/about/designmanual/profile-elements/photo-and-illustrations/"><span>Photo and illustrations</span></a></li>
          <li class="vrtx-child"><a class="vrtx-marked" aria-current="page" href="/english/about/designmanual/profile-elements/typography/"><span>Typography</span></a></li>
      </ul>

    </li>

  </ul>

         </nav>
     </div>

     <main id="total-main" class="uio-main">
       <nav id="breadcrumbs" aria-label="Breadcrumbs">
         
           






  <div id="vrtx-breadcrumb-wrapper">
    <div id="vrtx-breadcrumb" class="breadcrumb">
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-3">
            <a href="/english/about/">About UiO</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-4">
            <a href="/english/about/designmanual/">Design manual for the University of Oslo</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
            <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-5 vrtx-breadcrumb-before-active">
            <a href="/english/about/designmanual/profile-elements/">Profile elements</a>
      	  <span class="vrtx-breadcrumb-delimiter">&gt;</span>
        </span>
          <span class="vrtx-breadcrumb-level vrtx-breadcrumb-level-6 vrtx-breadcrumb-active">Typography
        </span>
    </div>
  </div>

         
       </nav>
           
           
            
            
            

       <!--startindex-->

       
        <div id="vrtx-content" class="vrtx-frontpage-wide">
          
      
        <a id="vrtx-change-language-link" href="/om/designmanual/profilelementer/typografi/index.html">
          Norwegian<span class="offscreen-screenreader">
            version of this page
          </span>
        </a>
      
          <div id="vrtx-main-content" class="vrtx-empty-additional-content">
            <div id="vrtx-introduction-wrapper">
              <h1 class="">
      Typography</h1>
              
      
        <div id="vrtx-frontpage-introduction">
        
          <div class="vrtx-introduction"><p>The University of Oslo has three sets of fonts. The fonts create consistency and are chosen for the greatest possible functionality. Only these fonts will be used in UiO's communication.</p>
</div>
        
        </div>
      
            </div>
            
      
        
        
        
          

          

          
          
            
          
          

          
        
          

          

          
          
            
              
                
              
            
          
            
              
                
              
            
          
          

          
            
            
            
            
            
            
            
            

            
            
            
            

            <div class="grid-container">
              <div class="vrtx-frontpage-row row">

                
                
                  
                    <div class="column-wrapper half-half">
                  
                
                
                  
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    

                    
                      
                      
                    
                    
                        
                      
                    
                    
                        
                      
                    
                    
                    
                      
                        <div class="vrtx-frontpage-box vrtx-header-false vrtx-more-false half-box-left" id="vrtx-main-content-1">
                      

                      
                      
                      
                        <div class="vrtx-box-content">
                          <h2>Fonts in use</h2>

<ul>
	<li>Profile fonts: Swiss 721 and Suisse BP Serif?</li>
	<li>Font on websites: Helvetica</li>
	<li>Usage fonts: Arial and Times New Roman</li>
</ul>

<p>&nbsp;</p>

                        </div>
                      
                      
                      </div>
                  
                
                  
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    

                    
                      
                      
                    
                    
                        
                      
                    
                    
                        
                      
                    
                    
                    
                      
                        <div class="vrtx-frontpage-box vrtx-header-false vrtx-more-false half-box-right" id="vrtx-main-content-2">
                      

                      
                      
                        
                        <div class="vrtx-frontpage-box-picture">
                          
                            <img src="/om/designmanual/bilder/fonter.jpg" alt="" loading="lazy"/>
                          
                        </div>
                      
                      
                      
                      </div>
                  
                
                
                  </div>
                
              </div>
            </div>
          
        
          

          

          
          
            
              
                
              
            
          
          

          
            
            
            
            
            
            
            
            

            
            
            
            

            <div class="grid-container">
              <div class="vrtx-frontpage-row row">

                
                
                
                  
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    

                    
                    
                    
                      
                      
                    
                    
                    
                    
                      
                        <div class="vrtx-frontpage-box vrtx-more-false" id="vrtx-main-content-3">
                      

                      
                        
                          <h2>Profile fonts</h2>
                        
                      
                      
                      
                        <div class="vrtx-box-content">
                          <p>Profile fonts are used in branding communication and are essential to the distinctiveness of our profile. These fonts are not freely available, and require a licence. The profile fonts are mainly used by designers, advertising agencies and the university’s inhouse printing company, Reprosentral. The fonts are defined with correct styles in UiO’s templates.</p>

<h3>Primary font – Swiss 721</h3>

<p>Our primary font is Swiss 721. Swiss 721 is a sans serif font, with a large family of weights and proportions suitable for both print and screen.</p>

<p>It’s important to use the fonts to create identity and structure. In short, we use the weights as follows:</p>

<ul>
	<li>Swiss 721 Regular is used in main headings, introductions and body text.</li>
	<li>Swiss 721 Bold is used in subheadings.</li>
	<li>Swiss 721 Italic is used to highlight sentences or words.</li>
</ul>

<figure class="image"><img alt="Illustration showing UiO's primary profile font used in headings and subheadings" height="639" src="/om/designmanual/profilelementer/typografi/hovedfont.jpg" width="1200" loading="lazy"/>
<figcaption>Example showing the primary font used in titles and subtitles</figcaption>
</figure>

<h3>Secondary font</h3>

<p>Our secondary font is Suisse BP Serif. Suisse BP is a serif font that can be used together with Swiss 721 to highlight quotes or utterances to create variation and contrast in the layout. In longer texts, such as books, magazines and scientific publications, Suisse BP is used in body text. Suisse BP should not be used in titles.</p>

<p>In short, we use the weights as follows:</p>

<ul>
	<li>Suisse BP Serif Regular can be used in quotes, highlighted sections and body text.</li>
	<li>Swiss 721 Italic can be used to highlight sentences or words.</li>
</ul>

<figure class="image"><img alt="Illustration showing uses of UiO's secondary font to highlight a quote" height="639" src="/om/designmanual/profilelementer/typografi/tilleggsfont.jpg" width="1200" loading="lazy"/>
<figcaption>Example showing the secondary font used to highlight a quote</figcaption>
</figure>

<h2>Usage fonts</h2>

<ul>
	<li>Arial and Times New Roman?</li>
</ul>

<p>For everyday use, in PowerPoint presentations, reports and letters in Word, and in designing graphs and tables in Excel, Arial and Times New Roman are used. These fonts are available for free use on all machines and are ready for use in all of?UiO's templates.?</p>

<figure class="image"><img alt="Illustration showing the use of UiO's usage fonts in a power point presentation" height="639" src="/om/designmanual/profilelementer/typografi/bruksfont.jpg" width="1200" loading="lazy"/>
<figcaption>Example showing the usage fonts in a PowerPoint presentation</figcaption>
</figure>

<p>In short, we use the fonts as follows:</p>

<ul>
	<li>Arial is used in PowerPoint, on information screens and in headings and subheadings in letters and Word documents.</li>
	<li>Times New Roman is used as a text font in letters and documents.</li>
</ul>

                        </div>
                      
                      
                      </div>
                  
                
                
              </div>
            </div>
          
        
          

          

          
          
            
              
                
              
            
          
          

          
            
            
            
            
            
            
            
            

            
            
              
              
                
              
            
            
            

            <div class="grid-container row-all-colored row-first-colored row-last-colored grid-color-grey">
              <div class="vrtx-frontpage-row row">

                
                
                
                  
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    

                    
                    
                    
                      
                      
                    
                    
                    
                    
                        
                      
                        
                      
                      
                    
                      
                        <div class="vrtx-frontpage-box vrtx-more-false grey-box" id="vrtx-main-content-4">
                      

                      
                        
                          <h2>Fonts on the websites</h2>
                        
                      
                      
                      
                        <div class="vrtx-box-content">
                          <ul>
	<li>Helvetica?</li>
</ul>

<p>All websites uses Helvetica in body text. Times New Roman is used on opening text and citations.</p>

<h2>Font sizes</h2>

<p><strong>Front pages</strong></p>

<ul>
	<li>H1: 50px, normal, #000000</li>
	<li>H2: 40px, normal, #000000</li>
	<li>H3: 31px, normal, #000000</li>
	<li>H4: 26px, normal, #000000</li>
	<li>H5: 21px, normal, #000000</li>
	<li>p, a: 18px, normal, #000000</li>
</ul>

<p><strong>Other pages</strong></p>

<ul>
	<li>H1: 50px, normal, #000000</li>
	<li>H2: 28px, normal, #000000</li>
	<li>H3: 23px, normal, #000000</li>
	<li>H4: 19px, bold, #000000</li>
	<li>H5: 17px, bold, #000000</li>
	<li>p, a: 18px, normal, #000000</li>
</ul>

<p><br/>
<span style="font-size: 5rem; letter-spacing: 0.2px; color: var(--textColor); font-family: var(--mainFontStack);">This is an h1 heading</span></p>

<div class="white-box">
<h2>This is an h2 heading</h2>

<h3>This is an h3 heading</h3>

<h4>This is an h4 heading</h4>

<p>This is a paragraph</p>

<p>This is a link</p>
<a href="http://www.uio.no">Dette er en lenke</a></div>

<h2>Links&nbsp;(a, a:hover)</h2>

<h3>In text</h3>

<ul>
	<li>Normal: colour: #000000 with underline</li>
	<li>Hover: colour: #3E31D6 with underline</li>
</ul>

<h3>Other links</h3>

<ul>
	<li>Normal:&nbsp;colour: #2771bb,&nbsp;without underline</li>
	<li>Hover:&nbsp;with underline</li>
</ul>

<h2>Lists&nbsp;(ol, ul)</h2>

<ul>
	<li>All lists uses&nbsp;line height 27px</li>
</ul>

<h3>Numbered list</h3>

<div class="white-box">
<ol>
	<li>First point</li>
	<li>Second point</li>
	<li>Third point</li>
</ol>
</div>

<h3>Bullet list</h3>

<div class="white-box">
<ul>
	<li>First point</li>
	<li>Second point</li>
	<li>Third point</li>
</ul>
</div>

<h3>Nested lists</h3>

<div class="white-box">
<ul>
	<li>First point</li>
	<li>Second point
		<ul class="nested">
			<li>First subpoint</li>
			<li>Second subpoint
				<ul>
					<li>First subpoint</li>
					<li>Second subpoint</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>Third point</li>
	<li>Fourth point</li>
</ul>
</div>

<h3>Citation</h3>

<blockquote>
<p>Citation:Times New Roman 31px, normal, #000000</p>
</blockquote>

                        </div>
                      
                      
                      </div>
                  
                
                
              </div>
            </div>
          
        
      
          </div>
        </div>
      
       <!--stopindex-->
     </main>
   </div>

    <!-- Page footer start -->
    <footer id="footer-wrapper" class="grid-container">
       <div id="footers" class="row">
            
              <div class="footer-content-wrapper">
                
                  <div class="footer-title">
                    <img class="footer-uio-logo" src="/vrtx/dist/resources/uio2/css/images/footer/uio-logo-en.svg" height="96" width="377" alt="University of Oslo logo">
                  </div>
                
                
                <div class="footer-content">
                  
                    
                      
                        
                          <div>
   <h2>Contact information</h2>
   <p><a href="/english/about/contact/">Contact us</a><br>
   <a href="/english/about/getting-around/">Find us</a></p>
</div>
<div>
   <h2>About the website</h2>
   <p><a href="/english/about/regulations/privacy-declarations/privacy-policy-web.html">Cookies</a><br>
   <a href="/english/about/designmanual/profile-elements/typography/ https:/uustatus.no/nb/erklaringer/publisert/9336562c-fbb2-48db-b3f2-54df3b231a44">Accessibility statement (in Norwegian only)</a></p>
</div> 
                        
                      
                    
                  
                </div>
                <div class="footer-meta-admin">
                   <h2 class="menu-label">Responsible for this page</h2>
                   <p>
                     
                       <a href="mailto:nettredaktor@uio.no">Managing editor UiO</a>
                     
                   </p>
                   




    <div class="vrtx-login-manage-component">
      <a href="/english/about/designmanual/profile-elements/typography/index.html?authTarget"
         class="vrtx-login-manage-link"
         rel="nofollow">
        Log in
      </a>
    </div>



                </div>
              </div>
            
        </div>
    </footer>
    

      
         
      
      

<!--a4d1bc0e1742c08b--><script style="display: none;">
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script><!--/a4d1bc0e1742c08b--></body>
</html>
