{"id":115,"date":"2020-08-13T11:59:55","date_gmt":"2020-08-13T11:59:55","guid":{"rendered":"https:\/\/www.embl.org\/guidelines\/design\/?page_id=115"},"modified":"2022-03-01T10:14:05","modified_gmt":"2022-03-01T10:14:05","slug":"typeface","status":"publish","type":"page","link":"https:\/\/www.embl.org\/guidelines\/design\/design-guidelines\/typeface\/","title":{"rendered":"EMBL Typeface"},"content":{"rendered":"\n<div class=\"embl-grid embl-grid--has-centered-content\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n<div class=\"vf-section-header | vf-u-margin__bottom--400\">\n  <h2 class=\"vf-section-header__heading\" \n  id=\"typeface\"  >\n  EMBL\u2019s brand typeface  <\/h2>\n  <\/div>\n\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<p>EMBL has a range of typefaces that can be applied easily in different situations based on technology and common working practices. <\/p>\n\n\n\n<p>IBM Plex Sans is EMBL\u2019s primary corporate typeface. IBM Plex Sans is an open source typeface, screen optimised, available in 8 widths with italic styles and supports many languages including a wide variety of symbols. The overall typesetting is clear in hierarchy and adjusts to different channels and purposes.<\/p>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<div class=\"embl-grid\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<h3 class=\"wp-block-heading\">IBM Plex download<\/h3>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading\">IBM Plex Sans<\/h4>\n\n\n\n<p>IBM Plex Sans (.otf) is used:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>for master brand and all other font application<\/li><li>for all online and offline applications where possible, besides display weights for sub-brands and highly inspirational products<\/li><\/ul>\n\n\n\n <a href=\"https:\/\/www.embl.org\/guidelines\/design\/wp-content\/uploads\/2021\/07\/IBM-Plex-Sans_otf.zip\" class=\"vf-button vf-button--primary vf-button--sm \">Download IBM Plex Sans here<\/a> <\/div><\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\"><\/div><\/div>\n\n\n\n<p><\/p>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<div class=\"embl-grid embl-grid--has-centered-content\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<h3 class=\"wp-block-heading\">How to install IBM Plex<\/h3>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<p>Make sure you are installing the desktop fonts (.otf not .ttf) and not web fonts (.woff and woff2). Zipped folders MUST be unzipped. Some Windows operating systems allow you to peek inside a zipped folder. This does not mean it is actually unzipped.<\/p>\n\n\n\n<p><strong>On your Mac:<\/strong><br>Right-click on the font file &gt; Open With &gt; Font Book &gt; Install Font<\/p>\n\n\n\n<p><strong>On your PC:<\/strong><br>Right-click on the font file &gt; select Install<\/p>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<div class=\"embl-grid embl-grid--has-centered-content\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<h3 class=\"wp-block-heading\">Office typeface<\/h3>\n\n\n\n<p><\/p>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<p>In order to maximise compatibility, we use Franklin Gothic in our Microsoft Word and Excel templates. Franklin Gothic is automatically installed with Microsoft Office. For PowerPoint we have selected Arial, to avoid errors when editing presentations communally in Google Slides.<\/p>\n\n\n\n<div class=\"vf-grid | vf-grid__col-2\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<h4 class=\"wp-block-heading\">Franklin Gothic<\/h4>\n\n\n\n<p>Used in Microsoft Word and Excel templates:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Medium for headlines<\/li><li>Book for body text<\/li><\/ul>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<h4 class=\"wp-block-heading\">Arial<\/h4>\n\n\n\n<p>Arial is used in the Microsoft Office PowerPoint template:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Bold for headlines<\/li><li>Regular for body text<\/li><\/ul>\n\n<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<div class=\"embl-grid embl-grid--has-centered-content\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n<div class=\"vf-section-header | vf-u-margin__bottom--400\">\n  <h2 class=\"vf-section-header__heading\" \n  id=\"webfonts\"  >\n  Webfonts  <\/h2>\n  <\/div>\n\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<p>Use Google Fonts to serve IBM Plex via the web:<br><a href=\"https:\/\/github.com\/IBM\/plex\/tree\/master\/IBM-Plex-Sans\/fonts\/complete\">https:\/\/github.com\/IBM\/plex\/tree\/master\/IBM-Plex-Sans\/fonts\/complete<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Fallback fonts<\/h4>\n\n\n\n<p><strong>Websites<\/strong><br>IBM Plex Sans: \u2018IBM Plex Sans\u2019, Helvetica, Arial, other sans serif font<br>IBM Plex Mono: \u2018IBM Plex Sans\u2019, Helvetica, Arial, other sans serif font<\/p>\n\n\n\n<p><strong>Mailchimp<\/strong><br>Source Sans Pro<\/p>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":10,"featured_media":0,"parent":52,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"embl_taxonomy":[],"class_list":["post-115","page","type-page","status-publish","hentry"],"acf":[],"embl_taxonomy_terms":[],"_links":{"self":[{"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":17,"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":1098,"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/pages\/115\/revisions\/1098"}],"up":[{"embeddable":true,"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/pages\/52"}],"wp:attachment":[{"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/media?parent=115"}],"wp:term":[{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/www.embl.org\/guidelines\/design\/wp-json\/wp\/v2\/embl_taxonomy?post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}