{"id":3559,"date":"2025-11-14T16:19:00","date_gmt":"2025-11-14T14:19:00","guid":{"rendered":"https:\/\/sisu.ut.ee\/cvi\/en-design-principles\/fontide-kasutamine\/"},"modified":"2026-04-27T11:13:29","modified_gmt":"2026-04-27T08:13:29","slug":"fontide-kasutamine","status":"publish","type":"page","link":"https:\/\/stiiliraamat.ut.ee\/en\/en-design-principles\/fontide-kasutamine\/","title":{"rendered":"Typography"},"content":{"rendered":"<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-271692d06a9a68bd7f48d9d72045ea4d\">Signature typeface and alternatives<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context='{\"imageId\":\"6a7c34e51898e\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7c34e51898e\" class=\"wp-block-image alignright size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_ajakiri-scaled-1-1024x768.jpg\" alt=\"\" class=\"wp-image-656\" style=\"width:360px;height:auto\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_ajakiri-scaled-1-1024x768.jpg 1024w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_ajakiri-scaled-1-300x225.jpg 300w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_ajakiri-scaled-1-768x576.jpg 768w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_ajakiri-scaled-1-1536x1152.jpg 1536w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_ajakiri-scaled-1-2048x1536.jpg 2048w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_ajakiri-scaled-1-1920x1440.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Source: mockups-design.com<\/figcaption><\/figure>\n\n\n\n<p class=\"has-primary-color has-text-color has-link-color wp-elements-1841251407b441657844b8bcbaa1f1fb wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">The primary typeface used at the university is the <strong>Rubik<\/strong> family.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Rubik is used in titles, highlights and body text. The preferred use of fonts is shown in the example on the right. Rubik can be downloaded from <a href=\"https:\/\/fonts.google.com\/specimen\/Rubik\">Google Fonts<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If Google Fonts cannot be downloaded or the file is opened on a computer that does not have the Rubik family installed, use the <strong>Arial <\/strong>family as an alternative. For large volumes of text published in print (e.g. books, long articles), <strong>Minion Pro<\/strong> is recommended for legibility.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use of other typefaces must be coordinated with the Marketing and Communication Office. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead of pure black, the darkest shade of grey should be used for text. Recommendations for selecting font sizes and combining them can be found on <a href=\"https:\/\/typescale.com\/\">typescale.com<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<p class=\"wp-block-paragraph\"><a id=\"_msocom_1\"><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"table table-hover\"><thead><tr><th>Text<\/th><th>Signature typeface: <a href=\"https:\/\/fonts.google.com\/specimen\/Rubik\" target=\"_blank\" rel=\"noreferrer noopener\">Rubik<\/a><\/th><th>Alternative typeface: Arial<\/th><th>Large body of text: <a href=\"https:\/\/font.download\/font\/minion-pro\" target=\"_blank\" rel=\"noreferrer noopener\">Minion Pro<\/a><\/th><\/tr><\/thead><tbody><tr><td>Heading<\/td><td><strong>Rubik Medium<\/strong><\/td><td><strong>Arial Bold<\/strong><\/td><td>\u2013<\/td><\/tr><tr><td>Highlight<\/td><td>Rubik Regular or <strong>Medium<\/strong><\/td><td>Arial Regular<\/td><td>\u2013<\/td><\/tr><tr><td>Body text<\/td><td>Rubik Regular<\/td><td>Arial Regular <\/td><td>\u2013<\/td><\/tr><tr><td>Quote<\/td><td><em>Rubik Italic<\/em><\/td><td><em>Arial Italic<\/em><\/td><td>\u2013<\/td><\/tr><tr><td>Large body of text<\/td><td>\u2013<\/td><td>\u2013<\/td><td>Minion Pro Regular<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_raamat-scaled-1-1024x576.jpg\" alt=\"\" class=\"wp-image-657\" srcset=\"https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_raamat-scaled-1-1024x576.jpg 1024w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_raamat-scaled-1-300x169.jpg 300w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_raamat-scaled-1-768x432.jpg 768w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_raamat-scaled-1-1536x864.jpg 1536w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_raamat-scaled-1-2048x1152.jpg 2048w, https:\/\/sisu.ut.ee\/wp-content\/uploads\/sites\/963\/UT_raamat-scaled-1-1920x1080.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><figcaption class=\"wp-element-caption\">mockups-design.com<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Signature typeface and alternatives The primary typeface used at the university is the Rubik family. Rubik is used in titles, highlights and body text. The preferred use of fonts is shown in the example on the right. Rubik can be &#8230;<\/p>\n","protected":false},"author":869,"featured_media":0,"parent":3524,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3559","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages\/3559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/users\/869"}],"replies":[{"embeddable":true,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/comments?post=3559"}],"version-history":[{"count":5,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages\/3559\/revisions"}],"predecessor-version":[{"id":3804,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages\/3559\/revisions\/3804"}],"up":[{"embeddable":true,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages\/3524"}],"wp:attachment":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/media?parent=3559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}