DOCSLIB.ORG

Azure.Cn Design Guidelines Last Updated 2016/11

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Azure.Cn Design Guidelines Last Updated 2016/11 Azure.cn Design Guidelines Last updated 2016/11 Confidential. For internal use only What’s new 2016/11 - Revamped guideline structure - Added logo principles, APP icon and QR code - Updated “color”, including grayscale, accent color, banner color and component colors - Updated examples - Added “layout”, including structure and grids 2 Azure.cn Design Guidelines Contents Style 4 Logo 10 Typography 18 Color Layout 27 Structure 31 Grid 35 Breakpoints Graphics 38 Icons 46 Banners 48 Topology Resources 50 Resources 3 Azure.cn Design Guidelines Style - Logo - Typography - Color Logo - Style The Azure logo – color & composition - Use the full-color “Microsoft Azure, operated by 21 Vianet” logo on all communications. - The logo consists two parts — Logotype of “Microsoft Azure” and “21 Vianet.” They showcases the composition of Azure in China. - Use Segoe typeface for “Microsoft Azure” logo, all products, and marketing. Use Microsoft Yahei in “21 Vianet” part, which is the recommended font for all products in simplified Chinese. - Adjust the brightness of “Operated by 21 Vianet” to make it fit into the background. Full-color positive. Use the positive version on dark backgrounds, including dark areas in Full-color reverse. Use the reverse version on blue backgrounds. photographs. 5 Azure.cn Design Guidelines Logo - Style The Azure logo – spacing & sizing - The width of “Operated by 21 Vianet” is no bigger than ¾ of the “Microsoft” type face. - Recommended font size of “Operated by 21 Vianet” is 6~12px, as the minimum and maximum size on screen. The space between the “Azure” logo type and “Operated by 21 Vianet” could be changed accordingly to the size of the logo. The minimum space is no less than 6px. 34 px 1.22 cm Minimum size Web – the minimum height of “Microsoft Azure” is 20px. The space between “Azure” logo and “21 Vianet” is at least 6px. The minimum height of “21 Vianet” is 8px. Print – the minimum height of “Microsoft Azure” is 0.7cm. The space between “Azure” logo and “21 Vianet” is at least 0.25cm. The minimum height of “21 Vianet” is 0.27cm. Minimum clear space We respect the logo by giving it some space on all sides. The minimum clear space is equivalent to the height of “Microsoft Azure” typeface. 6 Azure.cn Design Guidelines Logo - Style The Azure logo – working with backgrounds - Apply full-color logo on any of the background colors shown in below to ensure the readability. Ensure the logo clarity and quality when applying small logo. Black: # 000000; Dark blue: # 002050; Light grey: # e6e6e6; Blue grey: # 323a45; Blue: # 0078d7; Lime white: # edf0f5; Picture: with blue grey Light blue: # 00bcf2 White: # ffffff mask (#323a45, opacity: 80%) 7 Azure.cn Design Guidelines Logo - Style APP icon – “add to home screen” - Apply this icon for “add to home screen” in browsers, available for all platforms, iOS, Android, and Windows Background color: # 323a45; Logo color: # 00bcf2; Logo type: Segoe UI 8 Azure.cn Design Guidelines Logo - Style QR code - Apply QR code on campaigns, and social media to go viral 9 Azure.cn Design Guidelines Style - Logo - Typography - Color Typography - Style Typography overview - The table below leaves a general impression of the typography on ACN. - The list below applies to the width from 320~979px, 980~∞px. Font family Text style Font size Line spacing Letter spacing Main Header, Banner 30px, Light (320~979px) 8-10px 110% Title 32px, Light (980~∞px) Secondary Header 20px, Regular 8-10px 110% Body Text, Link, Button, 微软雅黑（苹方，黑体） 14px, Regular 6-10px 110% Form, Tab Tertiary Header, Tab 14px, Bold 6-10px 110% Button Labels / Hint / 12px, Regular 6-8px 110% Meta Tags Main Header, Banner 32px, Light 8-10px 0 Title Secondary Header 20px, Regular 8-10px 0 Segoe UI ( San Body Text, Link, Button, Francisco, Helvetica, 14px, Regular 6-10px 0 Form, Tab 1 Arial, Tahoma ) Tertiary Header, Tab 2 14px, Bold 6-10px 0 Button Labels / Hint / 12px, Regular 8-10px 0 Meta Tags 11 Azure.cn Design Guidelines Typography - Style Typeface Microsoft Yahei ( 微软雅黑 ) 灵活开放支持所有主流操作系统 Light 语言或开发工具 提供国际水准的 99.95% 服务级别协议 Regular 基础结构即服务和平台即服务行业领袖的唯一主流云平台 Bold Examples of Microsoft Yahei ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Regular 1234567890 Microsoft Yahei A-Z and numerals 12 Azure.cn Design Guidelines Typography - Style Typeface Microsoft Yahei font weight - Microsoft Yahei has 3 font weights: thin, regular, bold 微软雅黑 细体 Light 微软雅黑 常规体 Regular 微软雅黑 粗体 Bold Microsoft Yahei font weights 13 Azure.cn Design Guidelines Typography - Style Typeface Segoe UI Operating systems, Frameworks Light Light Italic POWERED BY WORLD-CLASS AZURE TECHNOLOGY Semilight PROTECT YOUR DATA Regular Italic Any developer or IT professional can be productive Semibold Semibold Italic Bold Bold Italic Black Examples of Segoe UI 14 Azure.cn Design Guidelines Typography - Style Typeface Segoe UI ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Regular 1234567890 Microsoft Yahei A-Z and numerals 15 Azure.cn Design Guidelines Typography - Style Typeface Segoe UI font weight - Microsoft Yahei has 6 font weights: Light, Semilight, Regular, Semibold, Bold, Black Segoe UI Light Segoe UI Semilight Segoe UI Regular Segoe UI Semibold Examples of Segoe UI 16 Azure.cn Design Guidelines Typography - Style Typeface – examples No. Font style 1 h1 2 h2 3 p 4 link in docs left- 5 navigation- category 6 h5 7 updated date 8 bookmark left- 9 navigation- links 10 h4 11 h3 17 Azure.cn Design Guidelines Style - Logo - Typography - Color Color - Style Primary color - Provide frequently used website colors - Aims to provide professional, positive, and a clean UI R: 50 R: 94 R: 182 R: 237 R: 230 R: 0 R: 31 G: 58 G: 109 G: 192 G: 240 G: 97 G: 163 G: 187 B: 69 B: 129 B: 207 B: 245 B: 2 B: 217 B: 166 #323a45 #5e6d81 #b6c1cf #edf0f5 #e66102 #00a3d9 #00b294 Blue-grey-1 Blue-grey-2 Ice-blue Lime-white Orange Light-blue Teal Blue-gery-1 mainly used as headings, and background color Blue-gery-2 mainly used as body text, and background color Ice-blue applies to the information with a dark background as minor important information. Lime-white mainly used as background color Orange for interactive elements, highlight information, e.g. promo buttons, links Light-blue is the primary color of ACN, represents cloud. Used as background color, and interactive elements, e.g. links, tabs. Teal mainly used as background color. Also used on icons to provide positive feelings, e.g. unblock, healthy. 19 Azure.cn Design Guidelines Color - Style Secondary color R: 69 R: 137 R: 0 R: 0 R: 0 R: 255 G: 84 G: 145 G: 188 G: 120 G: 32 G: 185 B: 96 B: 156 B: 242 B: 215 B: 80 B: 0 #404b59 #89919c #00bcf2 #0078d7 #002050 #ffb900 Accent color R: 230 R: 255 G: 97 G: 185 B: 2 B: 0 #e66102 #ffb900 Grayscale R: 0 R: 51 R: 81 R: 114 R: 204 R: 229 R: 255 G: 0 G: 51 G: 81 G: 114 G: 204 G: 229 G: 255 B: 0 B: 51 B: 81 B:114 B: 204 B: 229 B: 255 #000000 #333333 #505050 #737373 #cccccc #e6e6e6 #ffffff 20 Azure.cn Design Guidelines Color - Style Alternative accent color # 7fba01 Good # ff8e00 Warning # e71e27 Error # 0078d7 Information/ note # e3008c Important # a80000 China specific # 000000 # 008000 Source code # 2b91af # 800000 21 Azure.cn Design Guidelines Color - Style Themes Main/ secondary/ tertiary header # 323a45 Main/ secondary/ tertiary header, text # ffffff Text # 5e6d81 Text 2, link 2 # b6c1cf Category in footer, hint text, link 2 # 89919c Category in footer, hint text # 89919c Split Line 1, disabled text, # cccccc Split line 1, Disabled text, # 5e6d81, 30% Split line 2 # b6c1cf, 60% Split line 2 # 5e6d81 Dividers # edf0f5 Dividers #404b59 Accent color # e66102 Accent Color # e66102 Links, tabs, buttons, clickable UI elements # 00a3d9 Links, tabs, buttons, clickable UI elements # 00a3d9 Light theme ( recommended ) Dark theme 22 Azure.cn Design Guidelines Color - Style Light theme – examples 23 Azure.cn Design Guidelines Color - Style Apply color on components – examples - Use #edf0f5 as the background color of left navigation ( cent_nav ), bookmark, drop down menu. - Use #edf0f5 with transparency as background for notice, table, code, etc.. 24 Azure.cn Design Guidelines Color - Style Background color – banner - Background colors used on banners for each categories. - Each category is assigned with certain color schemes - “*” as recommended colors Products/services Solutions Documentation Price/ / webinar/ news # 00bcf2 # 333333 * # b5b5b5 * # e66102 # 66d7f7 # 505050 # d2d2d2 # ff8c00 # ccf2fc * # 737373 # e6e6e6 # ffb900 * Support Case Study Blog # 002050 * # 32145a * # 008272 # 334d73 # 5c2d91 # 00b294 * 25 Azure.cn Design Guidelines Color - Style Color hierarchy When choosing colors for links, buttons or even colorized background, - Choose colors based on the context, and also consider the content relationship within the page - Use accent color on call to actions, highlight elements. Consider other color options listed in below to balance composition and its importance - See details in component section (work in progress) Emphasize, highlight Neutral Secondary 26 Azure.cn Design Guidelines Layout - Structure - Grid - Breakpoints Structure - Layout Desktop structure: 980~∞px Header (Top nav) Side nav - Structure is made up of 4 parts, including top navigation, side navigation, Bookmark bookmark and footer. - Top navigation and footer appeared on every page in our website. - Side navigation and bookmark is optional, which can be added as second level navigations. Footer Example - desktop Mobile structure: 320~979px Header - Structure is made up of 4 parts, including top navigation, side navigation, Side nav bookmark and footer. - Top navigation and footer appeared on every page in our website. Bookmark - Side navigation and bookmark is optional, which can be added as second level navigations. - Top navigation is collapsed in nav icon and menus overlay all other structural elements. - Side navigation collapse in a dropdown menu. Users are able to navigate Footer through the dropdown list.
Load more

Recommended publications
  • Cloud Fonts in Microsoft Office
    APRIL 2019 Guide to Cloud Fonts in Microsoft® Office 365® Cloud fonts are available to Office 365 subscribers on all platforms and devices. Documents that use cloud fonts will render correctly in Office 2019. Embed cloud fonts for use with older versions of Office. Reference article from Microsoft: Cloud fonts in Office DESIGN TO PRESENT Terberg Design, LLC Index MICROSOFT OFFICE CLOUD FONTS A B C D E Legend: Good choice for theme body fonts F G H I J Okay choice for theme body fonts Includes serif typefaces, K L M N O non-lining figures, and those missing italic and/or bold styles P R S T U Present with most older versions of Office, embedding not required V W Symbol fonts Language-specific fonts MICROSOFT OFFICE CLOUD FONTS Abadi NEW ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Abadi Extra Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic or bold styles provided. Agency FB MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Agency FB Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic style provided Algerian MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ 01234567890 Note: Uppercase only. No other styles provided. Arial MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ
    [Show full text]
  • As Seen in the Translation Industry
    Chinese Language & Culture As seen in the translation industry Introduction Prior to one of the most important celebrations in Asia - the Lunar New Year, we decided to share our next piece of extraordinary information with you. We have chosen a country quite famous for itself with rich traditions, interesting history and at the same time very different from the modern western world. In our small e-book, we’ve combined something famous, something small, and a bit of professional advice. We are glad to introduce to you our Chinese Language & Culture week. Welcome to our world! Gergana Toleva (Global Marketing Manager) Paper cutting The art of paper cutting is one of the most intricate arts with paper we’ve ever seen. It is oftentimes called chuāng huā ( ), window flowers or window paper- cuts as it was窗花 used to decorate windows and doors, so the light can shine through the cutout and create wondrous effects. They are usually made of red paper and symbolize luck and happiness. About Chinese Fonts When it comes to Chinese language, we don’t need to quote Traditional Chinese was used prior to 1954. Traditional numbers and statistics to convince someone that it’s one Chinese is still used widely in Chinatowns outside of China, of the most widely used languages in the world. Everyone as well as in Hong-Kong, Taiwan and Macau, where it’s the knows that. It’s a beautiful and fascinating language, and it official written language. In Mainland China, it’s used only in looks so different than most western languages that we’re extremely formal cases.
    [Show full text]
  • Ultimate++ Forum It Higher Priority Now
    Subject: It's suspected to be an issue with Font. Posted by Lance on Fri, 18 Mar 2011 22:50:28 GMT View Forum Message <> Reply to Message The programs I used to compare are UWord from the UPP, and MS Word. The platform is Windows 7. The text I used to test is: The problem with U++ drawed text is that some characters are notably larger than others and some have incorrect horizontal displacement. Please see attached picture for a visual effect. I also encountered issue where chinese characters are displayed correctly displayed on Windows but are blank on Ubuntu. And when I copies the same text that was displayed as blank to, say gedit, the text displayed correctly as in Windows. That part I will attach picture in future. File Attachments 1) font problem.png, downloaded 650 times Subject: Re: It's suspected to be an issue with Font. Posted by mirek on Sun, 10 Apr 2011 12:42:52 GMT View Forum Message <> Reply to Message Lance wrote on Fri, 18 March 2011 18:50The programs I used to compare are UWord from the UPP, and MS Word. The platform is Windows 7. The text I used to test is: The problem with U++ drawed text is that some characters are notably larger than others and some have incorrect horizontal displacement. It works fine on my Windows 7. However, I believe that the problem is caused by font substitution mechanism and perhaps on your system, you have some font that takes precendence for some glyphs, but does not contain other characters.
    [Show full text]
  • Sketch Block Bold Accord Heavy SF Bold Accord SF Bold Aclonica Adamsky SF AFL Font Pespaye Nonmetric Aharoni Vet Airmole Shaded
    Sketch Block Bold Accord Heavy SF Bold Accord SF Bold Aclonica Adamsky SF AFL Font pespaye nonmetric Aharoni Vet Airmole Shaded Airmole Stripe Airstream Alegreya Alegreya Black Alegreya Black Italic Alegreya Bold Alegreya Bold Italic Alegreya Italic Alegreya Sans Alegreya Sans Black Alegreya Sans Black Italic Alegreya Sans Bold Alegreya Sans Bold Italic Alegreya Sans ExtraBold Alegreya Sans ExtraBold Italic Alegreya Sans Italic Alegreya Sans Light Alegreya Sans Light Italic Alegreya Sans Medium Alegreya Sans Medium Italic Alegreya Sans SC Alegreya Sans SC Black Alegreya Sans SC Black Italic Alegreya Sans SC Bold Alegreya Sans SC Bold Italic Alegreya Sans SC ExtraBold Alegreya Sans SC ExtraBold Italic Alegreya Sans SC Italic Alegreya Sans SC Light Alegreya Sans SC Light Italic Alegreya Sans SC Medium Alegreya Sans SC Medium Italic Alegreya Sans SC Thin Alegreya Sans SC Thin Italic Alegreya Sans Thin Alegreya Sans Thin Italic AltamonteNF AMC_SketchyOutlines AMC_SketchySolid Ancestory SF Andika New Basic Andika New Basic Bold Andika New Basic Bold Italic Andika New Basic Italic Angsana New Angsana New Angsana New Cursief Angsana New Vet Angsana New Vet Cursief Annie BTN Another Typewriter Aparajita Aparajita Bold Aparajita Bold Italic Aparajita Italic Appendix Normal Apple Boy BTN Arabic Typesetting Arabolical Archive Arial Arial Black Bold Arial Black Standaard Arial Cursief Arial Narrow Arial Narrow Vet Arial Unicode MS Arial Vet Arial Vet Cursief Aristocrat SF Averia-Bold Averia-BoldItalic Averia-Gruesa Averia-Italic Averia-Light Averia-LightItalic
    [Show full text]
  • H-1297-1, Creating Section 508 Compliant Documents
    Form 1221-2 (June 1969) UNITED STATES DEPARTMENT OF THE INTERIOR Release BUREAU OF LAND MANAGEMENT 1-1766 Date MANUAL TRANSMITTAL SHEET 03/09/2015 Subject H-1297-1 Creating Section 508 Compliant Documents 1. Explanation of Material Transmitted: This handbook provides step-by-step instructions to assist BLM employees in creating accessible documents compliant with Section 508 of the Rehabilitation Act of 1973, as amended (29 U.S.C. 794d). Section 508 requires the federal government to ensure that the electronic and information technology that it develops, procures, maintains, or uses is accessible to persons with disabilities. 2. Reports Required: None. 3. Material Superseded: None. 4. Filing Instructions: File as directed below. REMOVE INSERT Total: 108 sheets Janine Valesco Assistant Director, Business, Fiscal, and Information Resources Management Handbook for Creating Section 508 Compliant Documents This document contains basic recommended guidelines for development of documents and PDF files. BLM Handbook Rel. No. 1-1766 03/09/2015 H-1297-1 Handbook for Creating Section 508 Compliant Documents (P) i Table of Contents Table of Contents ............................................................................................................................ i Chapter 1 - Introduction to 508 Compliance ............................................................................. 1-1 Chapter 2 - Microsoft Word Document Creation ...................................................................... 2-1 A. Font Group versus Style Group
    [Show full text]
  • Windows Embedded Compact 7 Operating System Components
    Windows Embedded Compact 7 Operating System Components Column and SKU listing Descriptions "C7NR" SKU : Offers key foundational operating system components targeted towards portable navigation devices only. "C7E" SKU : Provides OEMs with a comprehensive package of operating components to develop a wide variety of general embedded devices. "C7G" SKU : Provides Consumer Internet Device (CID) OEMs a competitive package that includes web browsing, media playback and messaging as well as foundati onal and connectivity technologies necessary for internet devices. These SKUs are ideal for set top boxes, portable media players, mobile internet devices, digital picture frames, digital media adapters, and eLearning devices. C7G SKU is available on Windo ws Embedded Compact 7. “C7P” Professional SKU : Offers the richest set of components and applications to enable complex consumer and enterprise class devices. Professional SKU can satisfy complex scenarios such as remote desktop connectivity, data sync via Active Sync, web browsing, media playback, email, contact management, and voice communication. It also includes a software development kit to allow devices to be customized and extended by end customers. Professional SKU is ideal for many device ca tegorie s including thin clients, mobile handheld terminals, and industrial automation controllers. OS Components Table Key Indicates that the corresponding catalog item is included in that particular run -time license. Denotes New Item Designates additional clarification appears at the end of the page
    [Show full text]
  • Windows Embedded Compact 7 Components SKU Comparison
    Windows Embedded Compact 7 Components SKU Comparison Column and SKU listing Descriptions "C7NR" SKU: Offers key foundational operating system components targeted towards portable navigation devices. "C7E" SKU: Provides OEMs with a comprehensive package of operating components to develop a wide variety of general embedded devices. "C7G" SKU: Provides Consumer Internet Device (CID) OEMs a competitive package that includes web browsing, media playback and messaging as well as foundational and connectivity technologies necessary for internet devices. These SKUs are ideal for set top boxes, portable media players, mobile internet devices, digital picture frames, digital media adapters, and eLearning devices. C7G SKU is available on Windows Embedded Compact 7. "C7P" SKU: Offers the richest set of components and applications to enable complex consumer and enterprise class devices. C7P SKU can satisfy complex scenarios such as remote desktop connectivity, data sync via Active Sync, web browsing, media playback, email, contact management, and voice communication. It also includes a software development kit to allow devices to be customized and extended by end customers. C7P SKU is ideal for many device categories including thin clients, mobile handheld terminals, and industrial automation controllers. "C7T" SKU: C7T provides RemoteFX out of the box as well as security technology like Kerberos, CredSSP and NTML technology so that your thin clients are enterprise ready. OS Components Table Key Indicates that the corresponding catalog item is included
    [Show full text]
  • Top 10 Tips for Chinese Website Design
    STAR TS Translation Services Confidence in a Translated World Automotive Health and Safety Public Sector Documentation Websites Technical Top 10 Tips for Chinese Website Design A short guide by Damian Scattergood STAR Technology Solutions, Docklands Innovation Park, 128-130 East Wall Road Dublin 3, Ireland Phone: +353 1 8365614 http://www.star-ts.com Contact: [email protected] STAR TS Translation Services ISO 9001:2008 Confidence in a Translated World BS: EN15038 Certified Docklands Innovation Park, 128-130 East Wall Road, Dublin 3, Ireland Phone: +353 (0) 1 8365614 Fax: +353 (0)1 8364644 Web: www.star-ts.com Email: [email protected] VAT No. IE 6378439J Company Reg. No. 358439 STAR TS Translation Services Confidence in a Translated World Chinese Website Design by STAR Translation Services With 44 global offices STAR provides technical translation services to clients around the world. As an ISO 9001 and EN 15038 certified company we can help you deliver the quality language documents, brochures, websites and services you require for your international business. Top 10 Tips for Chinese Website Design #1: Support UTF-8 UTF-8 enable your website. When choosing a website design system or content management system make sure it can display UTF-8 enabled fonts. You can set this up in most systems in the HTML metatags as you can see in the following snippet from our own website. <title>Translation Services, STAR Dublin, ISO9001, EN15038 Certified Translators</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> “UTF-8” is a character encoding system that will support virtually every character set in the world including European, Asian and Middle Eastern languages.
    [Show full text]
  • NWCG Guidelines for Creating Accessible Electronic Documents
    A publication of the National Wildfire Coordinating Group NWCG Guidelines for Creating Accessible Electronic Documents July 2020 Table of Contents Introduction to Accessibility .................................................................................................................... 1 NWCG Staff Support .............................................................................................................................. 1 Microsoft Word Document Creation ...................................................................................................... 1 New Document Setup .............................................................................................................................. 1 Formatting Documents ............................................................................................................................ 4 Tables .................................................................................................................................................... 20 Forms ..................................................................................................................................................... 24 Saving as a Template and Create Editable Regions .............................................................................. 24 Is Your Document Accessible? ............................................................................................................. 25 Additional Information .........................................................................................................................
    [Show full text]
  • A Japanese Text That Won't Render: こここここここここここここ Same Text with Fallbacks Available: この日本語
    A Japanese text that won't render: こここここここここここここ Same text with fallbacks available: この日本語は表示されます Arial: The quick brown fox jumps over the lazy dog. Arial Black: The quick brown fox jumps over the lazy dog. Calibri: The quick brown fox jumps over the lazy dog. Calibri Light: The quick brown fox jumps over the lazy dog. Cambria: The quick brown fox jumps over the lazy dog. Cambria Math: The quick brown fox jumps over the lazy dog. Candara: The quick brown fox jumps over the lazy dog. Comic Sans MS: The quick brown fox jumps over the lazy dog. Consolas: The quick brown fox jumps over the lazy dog. Constantia: The quick brown fox jumps over the lazy dog. Corbel: The quick brown fox jumps over the lazy dog. Courier New: The quick brown fox jumps over the lazy dog. Ebrima: The quick brown fox jumps over the lazy dog. Franklin Gothic Medium: The quick brown fox jumps over the lazy dog. Gabriola: The quick brown fox jumps over the lazy dog. Gadugi: The quick brown fox jumps over the lazy dog. Georgia: The quick brown fox jumps over the lazy dog. Impact: The quick brown fox jumps over the lazy dog. Javanese Text: The quick brown fox jumps over the lazy dog. Leelawadee UI: The quick brown fox jumps over the lazy dog. Lucida Console: The quick brown fox jumps over the lazy dog. Lucida Sans Unicode: The quick brown fox jumps over the lazy dog. Malgun Gothic: The quick brown fox jumps over the lazy dog. arlettr he quick brown fox jumps over the M T la y dogf z Microsoft Himalaya: The quick brown fox jumps over the lazy dog.
    [Show full text]
  • Font Samples
    Beyond Sky 28 Days Later 4th and Inches @Premier League with Lion Numbe A Charming Font A Charming Font Expanded A Charming Font Italic A Charming Font Leftleaning A Charming Font Outline A Charming Font Superexpanded Aachen-Bold Action Jackson AdLib BT AdLib WGL4 BT Adobe Arabic Adobe Fan Heiti Std B Adobe Gothic Std B Adobe Hebrew Adobe Heiti Std R Adobe Ming Std L Adobe Myungjo Std M Adobe Song Std L Adobe Thai Adumu Adumu Inline Aerospace BT Aerovias Brasil NF Agency FB Agfa Rotis Sans Serif Airstream Akron Aldine401 BT Aldine721 BdCn BT Aldine721 BT Aldine721 Lt BT Alex Brush Algerian Algerian Basic D Alien Encounters Alien Encounters Solid Allegro BT AlphabetSoup Tilt BT AlternateGothic2 BT Altrincham AltrinchamConReg Amazone BT Amelia BT American Captain Americana BT Americana XBd BT Americana XBdCn BT AmericanText BT AmeriGarmnd BT Amerigo BT Amerigo Md BT Amienne AndrewScript_1.6 ANGEL TEARS Animals 1 Animals 2 Another Round Antlers Demo AquilineTwo Arial Arial Black Arial Narrow Arial Rounded MT Bold Arial Unicode MS Armed and Traitorous Aromatica Aromatica Bold Aromatica ExtraLight Aromatica Light Aromatica Patterns Aromatica Script Aromatica SemiBold Arrows1 Arrows2 Arrus Blk BT Arrus Blk OSF BT Arrus BT Arrus Ext BT Arrus OSF BT Arrus SmCap BT Ashyhouse Assembled From Scratch AURORA Aurora BdCn BT Aurora Cn BT Avenir LT Std 35 Light Avenir LT Std 65 Medium Awards Bad Coma Bad Signal Badger Bold Badger Heavy Badger Light Bahnhof Ultra Bahnschrift Bahnschrift Condensed Bahnschrift Light Bahnschrift Light Condensed Bahnschrift
    [Show full text]
  • Guide to in Microsoft Office
    NOVEMBER 2019 Guide to Cloud Fonts in Microsoft® Office 365® Cloud fonts are available to Office 365 subscribers on all platforms and devices. Documents that use cloud fonts will render correctly in Office 2019. Embed cloud fonts for use with older versions of Office. Reference article from Microsoft: Cloud fonts in Office DESIGN TO PRESENT Terberg Design, LLC Index MICROSOFT OFFICE CLOUD FONTS A B C D E Legend: F G H I J Good choice for theme body fonts Okay choice for theme body fonts K L M N O Includes serif typefaces, non-lining figures, and those missing italic and/or bold styles P Q R S T Present with most older versions of Office, embedding not required U V W Symbol fonts Language-specific fonts MICROSOFT OFFICE CLOUD FONTS Abadi NEW ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Abadi Extra Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic or bold styles provided. Agency FB MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Agency FB Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic style provided Algerian MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ 01234567890 Note: Uppercase only. No other styles provided. Arial MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ
    [Show full text]