[GitHub] [skywalking-website] lucperkins commented on issue #49: Fix broken fonts

[GitBox]

lucperkins commented on issue #49: Fix broken fonts
URL: https://github.com/apache/skywalking-website/pull/49#issuecomment-516223782
 
 
   @wu-sheng Here is the current website on Firefox:
   
   <img width="790" alt="Screen Shot 2019-07-29 at 6 27 08 PM" 
src="https://user-images.githubusercontent.com/1523104/62093563-9801b800-b22e-11e9-9e5e-b9ba6b4a5cf4.png";>
   
   <img width="550" alt="Screen Shot 2019-07-29 at 6 31 50 PM" 
src="https://user-images.githubusercontent.com/1523104/62093699-28d89380-b22f-11e9-8cad-660198dc879f.png";>
   
   It looks fine on Chrome because I believe it's included in the browser's 
font set. Using a free Google font, however, eliminates the browser 
compatibility issue.
   
   It's using a default browser font, which in my opinion does not look good.
   
   But this is how Avenir is supposed to look: 
https://fontsgeek.com/fonts/avenir-heavy
   
   Here is with my fix:
   
   <img width="755" alt="Screen Shot 2019-07-29 at 6 32 23 PM" 
src="https://user-images.githubusercontent.com/1523104/62093725-3e4dbd80-b22f-11e9-96fa-60595d168f00.png";>
   
   <img width="510" alt="Screen Shot 2019-07-29 at 6 32 50 PM" 
src="https://user-images.githubusercontent.com/1523104/62093742-4ad21600-b22f-11e9-8d5f-86aab070a76f.png";>
   
   
   
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


With regards,
Apache Git Services