1 Востаннє редагувалося Felis silvestris catus (09.07.2014 02:42:31)

Тема: Проблема з шрифтом (відображення)

І так, є дві сторінки HTML та один файл CSS (сторінки мають на нього лінк).
В файлі прописано шрифти і розіміщення.
Проблема в наступному.
В першій сторінці все виглядає нормально,а другій ні,тобто таке враження ніби жодного шрифта не було присвоєно.
Через inspect page в хромі перевірив звязок між сторінкою та css файлом,звязок є і по логіці мало все бути б окей.
Кеш чистив.

В чому може бути можлива проблема?

2

Re: Проблема з шрифтом (відображення)

Ще дивна річ.
При зміні розміру шрифта зміна відбувається в обох сторінках.Але при зміні стилю шрифта,зміна відбувається лише в першому.

3

Re: Проблема з шрифтом (відображення)

в пріоритеті CSS

4

Re: Проблема з шрифтом (відображення)

0xDADA11C7 написав:

в пріоритеті CSS

Тобто?Не зрозумів.

5

Re: Проблема з шрифтом (відображення)

Тобто якась властивість/таблиця стилів має більший пріоритет за вашу властивість/таблицю стилів.
Наприклад в наступному прикладі значення властивості width буде 600 пікселів, а не 800.

#main {
width:600px !important;
width:800px;
}

6

Re: Проблема з шрифтом (відображення)

Ось перший документ HTML

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Список завдань</title> 
<link rel="stylesheet" type="text/css" href="https://pizzamaker.github.io/css/theme.css">
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab&subset=cyrillic-ext,latin' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>  
<link rel="SHORTCUT ICON" href="https://pizzamaker.github.io/images/mark.png"/>
</head> 
<body background="https://pizzamaker.github.io/images/linedpaper.png">   
<div id="nazwa">Tasks</div> 
<center>   
<div id="middle">
<table border="1">   
    <tr> 
    <td>1</td> 
    <td><a href="https://pizzamaker.github.io/tasks/1.html">Додайте всі натуральні числа до тисячі, які кратні 3 або 5.</a></td></tr>

    <tr>
        <td>2</td> 
        <td><a href="https://pizzamaker.github.io/tasks/2.html">Знайдіть суму всіх парних елементів ряду Фібоначчі, не більших чотирьох мільйонів.</a></td>
    </tr>
    <tr> 
    <td>3</td> 
    <td><a href="https://pizzamaker.github.io/tasks/3.html">Знайдіть найбільший дільник складеного числа, який є простим числом.</a></td></tr> 
    <tr> 
    <td>4</td>
    <td><a href="https://pizzamaker.github.io/tasks/4.html">Знайдіть найбільший паліндром, отриманий сумою двох трьохзначних чисел.</a>
</td></tr>
    <tr> 
    <td>5</td> 
    <td><a href="https://pizzamaker.github.io/tasks/5.html">Яке найменше число ділиться без остачі на всі числа від 1 до 20?

    <tr> 
    <td>6</td> 
    <td><a href="https://pizzamaker.github.io/tasks/6.html">Яка різниця між сумою квадратів та квадратом суми?

    </tr>
    <tr> 
    <td>7</td> 
    <td>
    <a href="https://pizzamaker.github.io/tasks/7.html">Знайдіть 10001-ше просте число.</a>
    </td></tr>
    <tr> 
    <td>8</td> 
    <td> 
    <a href="https://pizzamaker.github.io/tasks/8.html">Знайдіть найбільшу суму з послідовності п'яти цифр в 1000-значному числі.</a>
    </td>
    </tr>
    <tr> 
    <td>9</td> 
    <td><a href="https://pizzamaker.github.io/tasks/9.html">Здайдіть єдину трійку Піфагора {a, b, c}, для котрої a + b + c = 1000.</a></td> 
    </tr> 
    <tr> 
    <td>10</td> 
    <td><a href="https://pizzamaker.github.io/tasks/10.html">Порахуйте суму всіх простих чисел меньше двох мільйонів.</a></td> 
    </tr>
    <tr> 
    <td>11</td> 
    <td><a href="https://pizzamaker.github.io/tasks/11.html">Найбільша множина чотирьох чисел в лінії таблиці 20х20?</a></td> 
    </tr> 
    <tr> 
    <td>12</td> 
    <td><a href="https://pizzamaker.github.io/tasks/12.html">Яке перше трикутне число, у якого більше п'ятиста дільників?</a></td> 
    </tr> 
    <tr> 
    <td>13</td> 
    <td><a href="https://pizzamaker.github.io/tasks/13.html">Знайдіть перші десять чесел суми наступних ста 50-значних чисел.</a></td> 
    </tr> 
    <tr> 
    <td>14</td> 
    <td><a href="https://pizzamaker.github.io/tasks/14.html">Знайдіть найдовшу послідовність з початковим елементом меньше мільйона.
    </a></td> 
    </tr> 
    <tr>  
    <td>15</td> 
    <td><a href="https://pizzamaker.github.io/tasks/15.html">Як багато маршрутів існує в таблиці 20х20, починаючи з лівого верхнього кута та закінчуючи правим нижнім?</a></td>
    </tr> 
    <tr>
    <td>16</td> 
    <td><a href="https://pizzamaker.github.io/tasks/16.html">Яка сума цифр числа 2<img src="" style="display:none;" alt="^(" /><sup>1000</sup><img src="" style="display:none;" alt=")" />?</a></td>
    </tr> 
    <tr> 
    <td>17</td>
    <td><a href="https://pizzamaker.github.io/tasks/17.html">Скільки літер потрібно для написання усіх чисел від 1 до 1000 словами?</a></td>
    </tr> 
    <tr> 
    <td>18</td> 
    <td><a href="https://pizzamaker.github.io/tasks/18.html">Знайдіть максимальну суму шляху з вершини трикутника до його основи.</a></td>
    </tr> 
    <tr> 
    <td>19</td>  
    <td><a href="https://pizzamaker.github.io/tasks/19.html">Скільки  неділь випадають на перше число місяця в двадцатому столітті?</a></td>
    </tr> 
    <tr> 
    <td>20</td> 
    <td><a href="https://pizzamaker.github.io/tasks/20.html">Знайдіть суму цифр в числі 100!.</a></td> 
    </tr>
</table>
</div></center> 
</body>
</html>

Ось другий  докумен HTML

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Завдання 1</title>  
<link rel="stylesheet" type="text/css" href="https://pizzamaker.github.io/css/theme.css">
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab&subset=cyrillic-ext,latin' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'>   
<link rel="SHORTCUT ICON" href="https://pizzamaker.github.io/images/mark.png"/>
</head> 
<body background="https://pizzamaker.github.io/images/linedpaper.png">                                                              
<div id="nazwa">1</div>  
<div id="middle">   
<p>Якщо написати усі натуральні числа меньше 10, які є кратні 3 або 5, то отримаємо 3, 5, 6 і 9. Сума цих чисел - 23.</p>
<p>Додайте всі натуральні числа до тисячі, які кратні 3 або 5.</p> 
</div> 
</body> 
</html>

Ось файл CSS

#nazwa {
    font-family:'Fredericka the Great',cursive;
    font-size:4.4em; 
    text-align:center;
}

#middle {
    font-family:'Roboto Slab',serif;
    color:#000;
    margin-left:12em;
    margin-right:12em
}

strong {
    text-decoration:underline
}

#numbers {
    font-family:'Droid Serif',serif
}

h2 {
    font-family:'Roboto Slab',serif;
    color:#000;
    text-align:center
}

#header {
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:150px;
    background-color:#fff;
    border-bottom-style:solid;
    background-image:url(https://pizzamaker.github.io/images/linedpaper.png)
}

#button {
    display:inline-block;
    padding:10px
}

#euler {
    margin-top:14em;
    padding:1px;

}

a:link {
    color:#000
}

a:visited {
    color:#000
}

a:hover {
    color:#000
}

a:active {
    color:#000
}

table {
    border-collapse:collapse
}

7

Re: Проблема з шрифтом (відображення)

Нещодавно читав, що не можна використовувати два елементи із одним id, використовуйте класи замість id.
http://css-tricks.com/the-difference-be … and-class/

8

Re: Проблема з шрифтом (відображення)

В мене ніби то ніде ни використовується один і той id два рази в одній сторінці.

9

Re: Проблема з шрифтом (відображення)

Я зберіг ваші файли і перевірив в Firefox та Chrome на Debian і у мене шрифт застосовується. Я змінив тільки шлях до css файлу, може причина в ньому.

10

Re: Проблема з шрифтом (відображення)

Можливо,хоча дивно,шлях ніби прописаний нормально.

11 Востаннє редагувалося Felis silvestris catus (09.07.2014 21:02:24)

Re: Проблема з шрифтом (відображення)

Ярослав написав:

Я зберіг ваші файли і перевірив в Firefox та Chrome на Debian і у мене шрифт застосовується. Я змінив тільки шлях до css файлу, може причина в ньому.

 
Де саме змінили?Чи просто заради того аби канало на локальному компі?

12

Re: Проблема з шрифтом (відображення)

Скопіював на комп сторінку,тут все працює.Дивно.

13 Востаннє редагувалося Felis silvestris catus (10.07.2014 21:56:21)

Re: Проблема з шрифтом (відображення)

Для наочного прикладу
http://pizzamaker.github.io
В розділі завднання,перше з списку.

14

Re: Проблема з шрифтом (відображення)

ВИРІШЕНО
Github pages напевно не дозволяє юзати https назовні,а може я десь не то вписав , але коли поставив незахищений HTTP і проканало.