[GitHub] [skywalking-website] lucperkins edited a comment on issue #49: Fix broken fonts

[GitBox]

lucperkins edited a comment 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";>
   
   But the China/Google issue is a real problem. I'll try to come up with a 
different solution. The problem, however, is real.
   
   

----------------------------------------------------------------
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