<html>
<head>
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<br>
<br>
<div class="moz-cite-prefix">On 10/08/2015 09:58, Samuel Henrique De
Oliveira Guimaraes wrote:<br>
</div>
<blockquote
cite="mid:63e710a4da1a43d0ba4cd6b94cc843c1@serv030.corp.eldorado.org.br"
type="cite">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<meta name="Generator" content="Microsoft Word 15 (filtered
medium)">
<style><!--
/* Font Definitions */
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
        {font-family:Consolas;
        panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;
        color:black;
        mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:#0563C1;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:#954F72;
        text-decoration:underline;}
pre
        {mso-style-priority:99;
        mso-style-link:"HTML Preformatted Char";
        margin:0cm;
        margin-bottom:.0001pt;
        font-size:10.0pt;
        font-family:"Courier New";
        color:black;}
span.HTMLPreformattedChar
        {mso-style-name:"HTML Preformatted Char";
        mso-style-priority:99;
        mso-style-link:"HTML Preformatted";
        font-family:Consolas;
        color:black;
        mso-fareast-language:EN-US;}
span.EmailStyle19
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:windowtext;}
span.EmailStyle20
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
span.EmailStyle21
        {mso-style-type:personal-compose;
        font-family:"Calibri",sans-serif;
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-size:10.0pt;}
@page WordSection1
        {size:612.0pt 792.0pt;
        margin:70.85pt 3.0cm 70.85pt 3.0cm;}
div.WordSection1
        {page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Hi
team,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">I’m
sending some screenshots to compare different fonts so we
can decide if we are going to replace Helvetica Neue for
Open Sans and/or TeXGyreHeros.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">I
also found out that Open Sans doesn’t have all the character
glyphs for simplified and traditional Chinese, Japanese and
Korean languages (wok_current.png file, you can see that
these texts have jagged edges). The equivalent font for
these languages is called Noto Sans CJK which is licensed
under SIL Open Font License (OFL). The downside is that Noto
Sans is very heavy (~88MB each language set) so we would
have to figure a way to load these font files only when the
user has changed the locale in the front-end.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
</div>
</blockquote>
<br>
OH! Wait... The idea is to use an open source and wide used font,
which means, Kimchi will not package any font file.<br>
<br>
Isn’t there an open source and wide used font which works with all
languages?<br>
<br>
<blockquote
cite="mid:63e710a4da1a43d0ba4cd6b94cc843c1@serv030.corp.eldorado.org.br"
type="cite">
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D">Thanks,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">Samuel
Guimaraes<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1
1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span
style="color:windowtext;mso-fareast-language:PT-BR">From:</span></b><span
style="color:windowtext;mso-fareast-language:PT-BR">
Aline Manera [<a class="moz-txt-link-freetext" href="mailto:alinefm@linux.vnet.ibm.com">mailto:alinefm@linux.vnet.ibm.com</a>]
<br>
<b>Sent:</b> quarta-feira, 5 de agosto de 2015 15:24<br>
<b>To:</b> Samuel Henrique De Oliveira Guimaraes
<a class="moz-txt-link-rfc2396E" href="mailto:samuel.guimaraes@eldorado.org.br"><samuel.guimaraes@eldorado.org.br></a>;
<a class="moz-txt-link-abbreviated" href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a>; <a class="moz-txt-link-abbreviated" href="mailto:donspang@us.ibm.com">donspang@us.ibm.com</a><br>
<b>Subject:</b> Re: [Kimchi-devel] New-UI Helvetica Font<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal" style="margin-bottom:12.0pt"><span
style="font-size:12.0pt;mso-fareast-language:PT-BR"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal">On 16/07/2015 13:09, Samuel Henrique De
Oliveira Guimaraes wrote:<o:p></o:p></p>
</div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span lang="EN-US">Hi team,<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"> <o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">I noticed that the
new-ui design pattern for typography specifies Helvetica
Neue family in four different styles. This font family is
shipped with the latest versions of Mac OS X and iOS but
it is not available for free on Windows and Linux
distributions.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">I believe this might
conflict with Kimchi license. Even if we buy or rent a
webfont license we can’t distribute the TTF, EOT, WOFF and
SVG files in our repositories. I think that we can’t even
use a webfont license in this case (pointing to a remote
location or service like Adobe Typekit or MyFonts) because
most font-licensing services are charging based on
pre-paid pageviews.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">Usually for web apps,
mobile web apps and cloud based services we have to buy a
server license to store the webfont files within our
servers, but since Kimchi is an open-source project that
anyone can check out and run, every kimchi instance would
have to buy their own font license.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"> <o:p></o:p></span></p>
</blockquote>
<p class="MsoNormal"><span
style="font-size:12.0pt;font-family:"Times New
Roman",serif;mso-fareast-language:PT-BR" lang="EN-US"><br>
<br>
<o:p></o:p></span></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span lang="EN-US">We can set Helvetica
as the default font-family in the CSS and if the user
doesn’t have this font installed the browser will load the
next available font (Arial or any other Sans-Serif) but
since each font has different sizes, some elements may not
fit in the screen exactly like they were seen in the
mockups.
<o:p></o:p></span></p>
</blockquote>
<p class="MsoNormal"><span
style="font-size:12.0pt;font-family:"Times New
Roman",serif;mso-fareast-language:PT-BR" lang="EN-US"><br>
Hrm... we should build the new UI with responsive web design
in mind which means changing the font, font size, resizing
the browser or whatever will not impact in the final layout.<br>
<br>
<br>
<o:p></o:p></span></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span lang="EN-US">Also, the UI specs
recommends Helvetica Neue in 5 different styles (Light,
Roman, Regular, Medium and Bold), most system fonts only
have 3. We don’t have something like “Arial Light” for
instance.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"> <o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">My suggestion is that
we replace Helvetica Neue for Open Sans because it covers
all the style specifications and it is licensed under
Apache 2.0. Any thoughts?<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"> <o:p></o:p></span></p>
</blockquote>
<p class="MsoNormal"><span
style="font-size:12.0pt;font-family:"Times New
Roman",serif;mso-fareast-language:PT-BR" lang="EN-US"><br>
Could you provide a screenshot with the Open Sans font so we
can see how it will look like?<br>
<br>
In first hand, I am OK to change to Open Sans.<br>
I am copying Don who originally designed the new UI with the
Helvetica Neue font to check if he has any advice to do.<br>
<br>
<br>
<o:p></o:p></span></p>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
<p class="MsoNormal"><span lang="EN-US">Thanks,<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">Samuel Guimarães<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"> <o:p></o:p></span></p>
<p class="MsoNormal"><span
style="font-size:12.0pt;font-family:"Times New
Roman",serif;mso-fareast-language:PT-BR" lang="EN-US"><br>
<br>
<br>
<o:p></o:p></span></p>
<pre><span lang="EN-US">_______________________________________________<o:p></o:p></span></pre>
<pre><span lang="EN-US">Kimchi-devel mailing list<o:p></o:p></span></pre>
<pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org"><span lang="EN-US">Kimchi-devel@ovirt.org</span></a><span lang="EN-US"><o:p></o:p></span></pre>
<pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel"><span lang="EN-US">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</span></a><span lang="EN-US"><o:p></o:p></span></pre>
</blockquote>
<p class="MsoNormal"><span
style="font-size:12.0pt;font-family:"Times New
Roman",serif;mso-fareast-language:PT-BR" lang="EN-US"><o:p> </o:p></span></p>
</div>
</blockquote>
<br>
</body>
</html>