Jekyll Bootstrap não importa glifos

Question

Comecei a usar o Jekyll hoje e até agora estou gostando.

Estou usando um dos temas padrão (intitulado simplesmente bootstrap-3) e parece compilar bem, em termos de estrutura de arquivos.

No entanto, quando eu o executo em meu servidor local (ou no github.io), alguns arquivos estão faltando, principalmente as fontes de glifo que vêm por padrão com o Bootstrap.

O fonts pasta existe em ambos os _site/assets diretório, bem como o externo assets diretório, e até onde eu sabia, o conteúdo do _site diretório foi o que foi servido no servidor.

No entanto, quando uso o Google Dev Tools para procurar os ativos, não consigo encontrar as fontes.O CSS é gerado corretamente, mas as fontes não.

Curiosamente, quando uso outro tema (como the-project) as fontes são carregadas corretamente.

Glifos existem em meu bootstrap.min.css, a única coisa que consigo pensar é que url() o código está errado:

src:url('../fonts/glyphicons-halflings-regular.eot') está no meu bootstrap.css, e minha estrutura de arquivos está configurada de forma que a pasta pai contenha o fonts pasta.

Aqui está minha árvore de diretórios:

bootstrap-3
├── bootstrap
│   ├── css
│   │   ├── bootstrap.min.css
│   │   └── bootstrap.theme.min.css
│   ├── fonts
│   │   ├── glyphicons-halflings-regular.eot
│   │   ├── glyphicons-halflings-regular.svg
│   │   ├── glyphicons-halflings-regular.ttf
│   │   └── glyphicons-halflings-regular.woff
│   └── js
│       └── bootstrap.min.js
└── css
    └── style.css

E aqui está meu site de saída, estou querendo colocar um glifo no submit botão da página de contato (que não é visível no site principal porque ainda não me concentrei na UI).

Curiosamente, quando coloquei um glifo em algum lugar não no botão, ele será exibido.

EDITAR:Uau, acidentalmente coloquei um > no nome da classe.

Answer 1

Se você vai para http://getbootstrap.com e observe o inspetor de rede, você não verá nenhuma fonte carregada.Mas se você for para http://getbootstrap.com/components/, você os verá saltar no navegador.

O navegador carrega fontes apenas se precisar delas (se você usar glifocon-xxx estilos).Isso é chamado Carregamento lento e evita carregar recursos desnecessários.

Editar :Se você não usar glifos em seu site, eles não serão carregados.O Jekyll Bootstrap básico não usa glifos.

Tente adicionar em um de seus arquivos (por exemplo:pages.html) ou um markdown equivalente em index.md e você verá as fontes sendo carregadas em seu inspetor de rede.