<!DOCTYPE html>{% load static %}
<html>
<head>
    <meta charset="utf-8" />
    <title>{% block title %}{% endblock %}</title>
    <meta name="viewport" content="initial-scale=1.0" />

    <!-- library stuff -->
    <link rel="stylesheet" type="text/css" href="{% static "libs/css/reset.css" %}" />
    <link rel="stylesheet" type="text/css" href="{% static "libs/css/jquery/ui-lightness/jquery-ui-1.9.1.custom.min.css" %}" />
    <script type="text/javascript" src="{% static "libs/js/jquery/jquery-1.8.2.min.js" %}"></script>
    <script type="text/javascript" src="{% static "libs/js/jquery/jquery-ui-1.9.1.custom.min.js" %}"></script>
    
    <!-- Base styles -->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
    <link rel="stylesheet" type="text/css" href="{% static "common/css/simple_base.css" %}" />
    
    {% block head %}{% endblock %}
    
    <script type="text/javascript">
    $(function() {
        $('.ui-widget').css('font-size','14px');
        {% block jquery %}{% endblock %}
    });
    </script>
</head>
<body>
<div id="box">&nbsp;</div>
<div id="cbox">
{% block content %}{% endblock %}
</div>
</body>
</html> 
<!DOCTYPE html>{% load static %}
<html>
<head>
    <meta charset="utf-8" />
    <title>{% block title %}{% endblock %}</title>
    <meta name="viewport" content="initial-scale=1.0" />

    <!-- library stuff -->
    <link rel="stylesheet" type="text/css" href="{% static "libs/css/reset.css" %}" />
    <link rel="stylesheet" type="text/css" href="{% static "libs/css/jquery/ui-lightness/jquery-ui-1.9.1.custom.min.css" %}" />
    <script type="text/javascript" src="{% static "libs/js/jquery/jquery-1.8.2.min.js" %}"></script>
    <script type="text/javascript" src="{% static "libs/js/jquery/jquery-ui-1.9.1.custom.min.js" %}"></script>
    
    <!-- Base styles -->
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans" />
    <link rel="stylesheet" type="text/css" href="{% static "common/css/simple_base.css" %}" />
    
    {% block head %}{% endblock %}
    
    <script type="text/javascript">
    $(function() {
        $('.ui-widget').css('font-size','14px');
        {% block jquery %}{% endblock %}
    });
    </script>
</head>
<body>
<div id="box">&nbsp;</div>
<div id="cbox">
{% block content %}{% endblock %}
</div>
</body>
</html> 
Use https to fetch font.
common: Use https to fetch font.
