2015-12-22 3 views
0

У меня есть две страницы, первая - страница входа. В этой странице шрифт загрузки также, как это:Почему bootstrap не загружает шрифт?

demonstration

Но на второй странице (после регистрации) шрифт не загружен, я не знаю, почему.

demonstration

Вот код моя страница Логин:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css" /> 
<script src="./js/jquery/jquery.min.js"></script> 
<title>Online Learning</title> 
</head> 
<body> 
    <div class="container" style="font-family: cursive;"> 
     <!-- ... --> 
    </div> 
</body> 
</html> 

И secod страница:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
 
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
<link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css" /> 
 
<!-- None of these css and js do any thing with font face --> 
 
<link rel="stylesheet" href="./css/teacher/teacher_layout.css"> 
 
<link rel="stylesheet" href="./css/teacher/materials_teacher.css"> 
 
<script src="./js/jquery/jquery.min.js"></script> 
 
<script src="./js/bootstrap/bootstrap.min.js"></script> 
 
<script src="./js/js_layout.js"></script> 
 
<script src="./js/materials_teacher.js"></script> 
 

 
<title>Teacher-Materials</title> 
 
</head> 
 
<body> 
 
    <!-- I'm sure this include file wont affect --> 
 
    <%@include file="./common/header.jsp" %> 
 
    <div class="row content_body"> 
 
     <!-- ... --> 
 
    </div> 
 
</body> 
 
</html>

EDIT: На второй странице: эта строка <span class="glyphicons glyphicons-remove"></span> ничего не отображается (пустой), но на первой странице отображается значок «X».

EDIT2: После изменения второй страницы, как это, его до сих пор не загрузить шрифт:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
 
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
<link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css" /> 
 
<script src="./js/jquery/jquery.min.js"></script> 
 

 
<title>Teacher-Materials</title> 
 
</head> 
 
<body> 
 
    <span class="glyphicons glyphicons-remove">a</span> 
 
</body> 
 
</html>

+0

Вы определили стиль шрифта, как 'стиль =" семейство шрифтов: cursive; "' на первой странице, но не второй? – QuestionMarks

+0

да, в первой странице –

+0

Sooo ... это то, почему шрифт отличается? Если это не так, я удалю все дополнительные файлы CSS со второй страницы и добавлю их обратно один за другим. Это поможет вам сузить проблему. Скорее всего, один из других файлов CSS использует другой стиль шрифта для элементов на странице. – QuestionMarks

ответ

0

Awwwww, наконец, получил этот песок пляжа! Проведите свою половину дня.

Этот диапазон кода предоставляют на http://glyphicons.com/ не совпадает с кодом обеспечивают на начальной загрузки, посмотрите на этот тест:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
 
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
<link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css" /> 
 
<script src="./js/jquery/jquery.min.js"></script> 
 
<title>Teacher-Materials</title> 
 
</head> 
 
<body> 
 
<div class="container" style="font-family: cursive;"> 
 
\t <div> 
 
    \t  <span class="glyphicon glyphicon-remove">a</span> 
 
     </div> 
 
     <div> 
 
       <span class="glyphicons glyphicons-remove">a</span> 
 
\t </div> 
 
</div> 
 
</body> 
 
</html>

Смежные вопросы