title: How to change font or icons of yahoo weather api via amazon web services
body: <p>Base on this <a href="https://codepen.io/fleeting/pen/xklfq" rel="nofollow noreferrer">codepen</a> Sample, i want to change the icons of the weather for others something like <a href="https://codepen.io/r00bal/pen/jrpgXA" rel="nofollow noreferrer">this</a>, these icons are generated with <code>font-family: weather;</code> and replaced after that according to each letter exemple : </p>
  
  <pre><code>.icon-0:before { content: ":"; }
  .icon-1:before { content: "p"; }
  .icon-2:before { content: "S"; }
  .icon-3:before { content: "Q"; }
  .icon-4:before { content: "S"; }
  </code></pre>
  
  <p><strong>Html</strong> code:</p>
  
  <pre><code>&lt;div id="weather"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong> code :</p>
  
  <pre><code>// v3.1.0
  //Docs at http://simpleweatherjs.com
  $(document).ready(function() {
    $.simpleWeather({
      location: 'Austin, TX',
      woeid: '',
      unit: 'f',
      success: function(weather) {
        html = '&lt;h2&gt;&lt;i class="icon-'+weather.code+'"&gt;&lt;/i&gt; '+weather.temp+'&amp;deg;'+weather.units.temp+'&lt;/h2&gt;';
        html += '&lt;ul&gt;&lt;li&gt;'+weather.city+', '+weather.region+'&lt;/li&gt;';
        html += '&lt;li class="currently"&gt;'+weather.currently+'&lt;/li&gt;';
        html += '&lt;li&gt;'+weather.wind.direction+' '+weather.wind.speed+' '+weather.units.speed+'&lt;/li&gt;&lt;/ul&gt;';
  
        $("#weather").html(html);
      },
      error: function(error) {
        $("#weather").html('&lt;p&gt;'+error+'&lt;/p&gt;');
      }
    });
  });
  </code></pre>
  
  <p><strong>CSS</strong> code :</p>
  
  <pre><code>@font-face {
      font-family: 'weather';
      src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
      src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
           url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
           url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
           url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  
  ...
  }
  </code></pre>