Почему не работают значки с потрясающим шрифтом?

Я запускаю свой сервер NodeJS и тестирую его на локальном хосте: 3000. Все работает нормально, но значки с потрясающими шрифтами отображаются так, как будто файлы шрифтов отсутствуют. Он делает то же самое в Firefox и Chrome. (Я даже проверил в firebug и проверил на вкладке «Сеть», что все ожидаемые библиотеки приходят на веб-страницу.)

РЕДАКТИРОВАТЬ: Большинство деталей не имеют значения. Прочитайте принятый ответ, прежде чем тратить время на чтение моего подробного вопроса.

Снимок экрана:

Версии программного обеспечения:

• Фаерфокс 28.0
• Хром 34.0.1847.116
• Экспресс 3.2.6
• Джейд 1.3.1
• Меньше 1.7.0
• нодемон 1.0.17
• Потрясающий шрифт 4.0.3
• Начальная загрузка 3.1.1
• JQuery 1.11.0

Структура проекта:

MyApp
+--node_modules
|--public
|  +--stylesheets
|  |--lib
|  |  +--bootstrap
|  |  +--font-awesome
|  |  +--jquery
|--routes
|  |--index.js
|--views
|  |--index.jade
|--app.js
|--package.json

ПРИМЕЧАНИЕ. Каталог font-awesome содержит все содержимое, извлеченное из шрифта awesome ссылка для скачивания.

index.jade:

doctype html
html
    head
        title= title
        meta(charset='utf-8')
        link(rel='stylesheet', href='/lib/bootstrap/css/bootstrap.css')

        // I tried font-awesome locally:
        link(rel='stylesheet', href='/lib/font-awesome/css/font-awesome.css')

        // And from the CDN:
        //link(rel='stylesheet' href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css')

        link(rel='stylesheet', href='/stylesheets/style.css')
    body
        span Text before icons:
        i.fa-globe
        i.fa-plus

    script(type='text/javascript', src='/lib/jquery/js/jquery.js')
    script(type='text/javascript', src='/lib/underscore/js/underscore.js')
    script(type='text/javascript', src='/lib/bootstrap/js/bootstrap.js')

приложение.js:

var express = require('express');
var routes = require('./routes');
var http = require('http');
var path = require('path');

var app = express();

// all environments
app.set('env', 'development');
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// development only
if('development' === app.get('env')){
    app.use(express.logger('dev'));
    app.use(express.errorHandler());
}

// routes
app.get('/', routes.index);

http.createServer(app).listen(app.get('port'), function(){
    console.log('Express server listening on port ' + app.get('port'));
});

index.js:

exports.index = function(req, res){
    res.render('index', { title : 'MyApp' });
};