Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Проблема з шрифтом (відображення)
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
І так, є дві сторінки HTML та один файл CSS (сторінки мають на нього лінк).
В файлі прописано шрифти і розіміщення.
Проблема в наступному.
В першій сторінці все виглядає нормально,а другій ні,тобто таке враження ніби жодного шрифта не було присвоєно.
Через inspect page в хромі перевірив звязок між сторінкою та css файлом,звязок є і по логіці мало все бути б окей.
Кеш чистив.
В чому може бути можлива проблема?
Ще дивна річ.
При зміні розміру шрифта зміна відбувається в обох сторінках.Але при зміні стилю шрифта,зміна відбувається лише в першому.
в пріоритеті CSS
в пріоритеті CSS
Тобто?Не зрозумів.
Тобто якась властивість/таблиця стилів має більший пріоритет за вашу властивість/таблицю стилів.
Наприклад в наступному прикладі значення властивості width буде 600 пікселів, а не 800.
#main {
width:600px !important;
width:800px;
}Ось перший документ 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
}Нещодавно читав, що не можна використовувати два елементи із одним id, використовуйте класи замість id.
http://css-tricks.com/the-difference-be … and-class/
В мене ніби то ніде ни використовується один і той id два рази в одній сторінці.
Я зберіг ваші файли і перевірив в Firefox та Chrome на Debian і у мене шрифт застосовується. Я змінив тільки шлях до css файлу, може причина в ньому.
Можливо,хоча дивно,шлях ніби прописаний нормально.
Я зберіг ваші файли і перевірив в Firefox та Chrome на Debian і у мене шрифт застосовується. Я змінив тільки шлях до css файлу, може причина в ньому.
Де саме змінили?Чи просто заради того аби канало на локальному компі?
Скопіював на комп сторінку,тут все працює.Дивно.
Для наочного прикладу
http://pizzamaker.github.io
В розділі завднання,перше з списку.
ВИРІШЕНО
Github pages напевно не дозволяє юзати https назовні,а може я десь не то вписав , але коли поставив незахищений HTTP і проканало.
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися