No puedo agregar fonts de Google y un widget de clima a una página de Github

Soy un novato en desarrollo web y acabo de poner una página muy simple en páginas github, aquí . Es un sitio simple que tuve que hacer para una class. Ni siquiera tuve que build uno (podría haber usado wix, etc.) pero decidí desafiarme a mí mismo. No es el mejor layout, pero es adecuado para mis necesidades. Sin embargo, tengo dos problemas principales: ninguna de las fonts de Google que he incluido carga, a pesar de que funciona bien cuando abro el html desde mi disco duro. Aquí hay un fragment de html:

<!-- Google fonts, Lato, Arvo, Josefin Slab (semi-bold), Open Sans --> <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:600' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> 

El rest de mi estilo funciona bien, así que no creo que esté relacionado con mis hojas de estilo personalizadas. En segundo lugar, mi profesor también me pidió que incluyera un widget (no me preguntes por qué) que actualiza automáticamente. Tengo un widget de clima que debería aparecer en la parte inferior de un div, y lo hago cuando abro la versión de esta página que tengo en mi disco duro, pero no en la página de github. Fragmento de código para el div:

 <div class="container"> <a href="http://www.accuweather.com/en/us/purchase-ny/10577/weather-forecast/2171128" class="aw-widget-legal"> <!-- By accessing and/or using this code snippet, you agree to AccuWeather's terms and conditions (in English) which can be found at http://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather's Privacy Statement (in English) which can be found at http://www.accuweather.com/en/privacy. --> </a><div id="awcc1398306407704" class="aw-widget-current" data-locationkey="" data-unit="f" data-language="en-us" data-useip="true" data-uid="awcc1398306407704"></div><script type="text/javascript" src="http://oap.accuweather.com/launch.js"></script> </div> 

Aquí está el enlace al repository . Cualquier sugerencia sería muy apreciada. ¡Gracias!

[bloqueado] La página en ' https://mrfundira.github.io/ ' se cargó a través de HTTPS, pero publicó contenido inseguro desde ' http://fonts.googleapis.com/css?family=Arvo ': este contenido también debe ser cargado a través de HTTPS.

Este es el error en el command de la console (herramientas dev)> opción> i

Algunas otras cosas tampoco se cargan correctamente / se parece a jQuery, que podría ser su problema con el widget.