Не изменяется размер шрифта через CSS
Всем привет!
Я тут новичок и совсем начинающий пользователь веб-разработки.
Вопрос, собственно вот в чём:
При указании в подключенном к html-документу файле CSS для тега размера шрифта:
Он не работает. Шрифт не изменяется по своему размеру. Но если в «голове» уже самого html-документа поставить:
То размер шрифта внутри ссылок уже меняется.
В принципе, если оставить как есть, то всё в порядке. Но мне интересно, с чего вдруг размер шрифта нельзя поменять через CSS-файл? Такого же вроде как не должно быть, таблицы стилей для того и существуют, чтобы не в хэде всё писать?
Подскажите, как через CSS-файл поменять размеры шрифта? Испробованы уже все размерности (пиксели, пункты, относительные размерности и т.д.), но толку никакого.
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Почему размер шрифта не изменяется?
Почему не меняется размер шрифта, указанный в процентах? Также подключил javascript вот этот.
Добрый день! Подскажите, почему в Хроме шрифт нормально отображается, а в Мозиле и Эксплорере.
Не изменяется размер шрифта, его цвет
Не изменяется размер шрифта, его цвет, меняю значения font, убрала жирность, но все равно изменений.
Как поменять размер шрифта в css?
Здравствуйте никак не могу поменять размер шрифта в css,кто подскажет как именно поменять? Нашел в.
Источник
Не видит шрифты, подключенные через css, в чем проблема?
Если в html такой код спокойно работает, то в dle такой код не работает, и не работают шрифты.
- Вопрос задан более трёх лет назад
- 15991 просмотр
АА, у меня была такая проблема, кинб сами шрифты в папку css ну или где у тебя главные стили сайта лижат) а после экспириментируй, либо
src: url(../fonts/OpenSans-Regular.ttf);
src: url(./fonts/OpenSans-Regular.ttf);
src: url(fonts/OpenSans-Regular.ttf);
Карочи путь меняй) а еще рекомендую сгенерировать его, www.fontsquirrel.com/tools/webfont-generator
Попробуйте конвертировать ваш скрипт здесь, у вас подключается только ttf шрифт он сработает не во всех браузерах; хороший пример подключения шрифта
так же проверьте что бы пути к файлам шрифтов были правильными
а шрифт кириллический?
Глупый ответ
Подключайте гугловские шрифты
параметры запроса шрифта смотрите на https://www.google.com/fonts
В общем у меня джумла после одновления видими перестала подгружать шрифт таким способом
url(‘/templates/.мой шаблон/fonts/cassandra.ttf’);
тогда попробовав загрузить его по пути получил отказ joomlы и ошибку 404. Понял что перенаправление.
Открыл .htaccess и добавил туда в эту строку ttf
RewriteRule !(js|ico|gif|jpg|png|ttf) index.php [QSA,L] которая гооврит о том, чтоб перенапрявлять все страницы, ссылкающиеся на любые расширения кроме указанных, на index.php
В общем вуаля, все работает. Заходите на мой сайт и заказывайте работы по песочной аннимации!)))
Заходите на мой сайт и заказывайте работы по песоч.
Источник
Почему не подключается шрифт font-face?
достаточно только этого:
@font-face <
font-family: ‘имя_шрифта’;
src: url(‘шрифты/имя_шрифта.woff’)
format(‘woff’);
font-weight: normal;
font-style: normal;
>
woff — этот формат поддержиается везде, достаточно только его
Сомнительные советы.
Не достаточно подключить один woff. Для корректной работы шрифта во всех браузерах и на всех устройствах — нужны eot, woff2, ttf
С синтаксисом у вас все в порядке. Все возможные причины, по которым шрифт мог не подключиться:
1. Неверно указан путь к папке с шрифтами(../). Здесь может быть несколько точек, может одна, может не быть вовсе, в зависимости от положения папки.
2. Не корректные шрифты. Некоторые генераторы конвертируют шрифты с ошибками
3. Банально не положили шрифты в папку fonts
4. Банально не прописали свойство font-family:»Open Sans» нужному классу
Не уверен на счет вложенности fonts/OpenSans/OpenSans-Regular. Лучше все шрифты класть в папку fonts без создания доп. папок в ней.
Источник
Не могу подключить свой шрифт через @font-face
Всем привет не могу подключить свой шрифт, проверяю в двух браузерах и не в одном не работает. Закинул Шрифт в корневую папку. Ниже приведен код:
В чем может быть проблема? Заранее спасибо!
8 ответов 8
Попробуйте воспользоваться онлайн-генераторами шрифтов, чтобы сгенерировать шрифты разных форматов под разные браузеры:
Загрузите свой шрифт, в ответ вам будет дан на скачивание архив с различными форматами и CSS-файл с необходимым кодом. Скопируйте скаченные щрифты к себе на сайт и вставьте CSS. Попробуйте оба генератора, не знаю почему, но работают они, видимо, по-разному. В случае использования первого сервиса, выберете «EXPERT. » и добавьте SVG формат, если не ошибаюсь, он нужен для Firefox. Не забудьте проверить корректность путей до шрифтов.
Не работал когда шрифт в отдельной папке лежал (путь указан корректно). Переложила в CSS — заработало! На habrahabr.ru вычитала: «не будут подключаться шрифты с правильными путями в CSS, но когда сам файл CSS подключается в HTML вверх по дереву папок. Причина этому политика безопасности браузера. Локальные документы имеют доступ к другим локальным документы в том же каталоге и в подкаталогах, но не в верхних разделах. (По умолчанию). «
попробуйте с кавычками
Берите web font, woff, а не ttf. Тогда все сядет на свои места 😉
А еще, советую работать с Google Fonts. Это куда проще и легче:
На примере взят класс Dosis. Выберите свой и все. Зачем Вам лишние строчки?
Сам парился с этой проблемой. Было:
Убрал второй шрифт sans-serif, поменял кавычки на апострофы. Стало:
Было до этого и не работало:
Добавил апострофы в font-family:
А в селекторе уже без апострофов:
И все заработало!
А если путь указать из корневого каталога, где и поместить локально гарнитуры этих шрифтов? Вот так они у меня определились:
Источник
font-weight не работает должным образом?
Часть, где было написано «PHP» (правый верхний угол), осталась такой же тонкой, как и была. вот часть кода css
Я пробовал жирный, жирный, 700, 800, 900 и не работает под FF.
7 ответов
Это потому, что размер шрифта (9 пикселей) слишком мал для жирного шрифта. Попробуйте 11px или больше, и все будет нормально.
Большинство браузеров не полностью поддерживают числовые значения для font-weight . Вот хорошая статья о проблеме, и даже несмотря на то, что она немного устарела, кажется, быть правильным.
Если вам нужно что-то более смелое, вы можете попробовать использовать другой шрифт, более жирный, чем ваш существующий. Естественно, вы, вероятно, могли бы настроить размер шрифта для аналогичного эффекта.
font-weight также может не работать, если шрифт, который вы используете, не имеет этих весов — вы часто сталкиваетесь с этим при встраивании пользовательских шрифтов. В таких случаях браузер, скорее всего, округлит число до ближайшего доступного веса.
Например, если я вставлю следующий шрифт .
Тогда я не смогу использовать ничего, кроме веса 300. Все остальные веса вернутся к 300, если я не укажу дополнительные объявления @font-face с этими дополнительными весами.
В моем случае я использовал шрифт Google Roboto. Поэтому мне пришлось импортировать его в начале моей страницы с правильным весом.
Я также столкнулся с той же проблемой, я решил ее, выбрав шрифт Google, который я использовал, затем я щелкнул свернутую вкладку (Family-Selected), а затем нажал кнопку «НАСТРОЙКА». Затем я выбрал нужную толщину шрифта и встроил обновленную ссылку в свой html ..
Я удалил text-transform: uppercase; , а затем установил его на bold / bolder , и это, похоже, сработало.
Для меня жирный шрифт получается, когда я меняю стиль шрифта с font-family: ‘Open Sans’, sans-serif; на Arial
Источник