Поиск по сайту
Результаты поиска по тегам 'шрифт'.
Найдено 26 результатов
-
@font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:100; src:local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 100'; src:url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } То есть почему для ie пишут "SF Pro Display 100" а для остальных браузеров просто "SF Pro Display" ? Получается насыщенность/жирность (font-weight) шрифта ie не поддерживают, или что то еще ? Посмотрел в can i use font-weight там: то есть получается поддержка есть с 6+ версии. Они что таким образом поддержку IE6 < реализовали ?
-
На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случае в @font-face прописывать font-weight для Light, Extra Light, Thin начертаний? Нашел, что можно цифрами прописывать 200, 300, 400... Как определить соответствие цифрового значения конкретной толщине?
-
Имеется вот такой код: <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ color: #ffffff; } h1 { font-size: 36px; /* Размер шрифта */ margin: 0; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -10px; } </style> </head> <body bgcolor="#001646"> <div id="header"><h1>ИС-41521</h1></div> <div id="sidebar"> <p>В США первые колледжи возникли в XVII веке (по образцу английских) как высшие учебные заведения, готовившие священнослужителей и государственных служащих. На основе наиболее крупных колледжей путём присоединения к ним медицинских, юридических, богословских школ (или факультетов) в первой половине XIX века были созданы первые университеты. В настоящее время в США «колледж» и «университет» являются взаимозаменяемыми понятиями. Оба термина означают высшее учебное заведение в котором можно получить диплом бакалавра или магистра, хотя обычно колледжи меньше по размеру[5]. В США также существуют двухгодичные колледжи, которые после обучения выдают степень кандидата в бакалавры (англ. Associate degree), сравнимую со средним профессиональным образованием в странах СНГ.</p> Это: <ul> <p><li>общественные колледжи (англ. community college);</p> <p><li>начальные колледжи (англ. junior college);</p> <p><li>технические колледжи (англ. technical college);</p> <p><li>городские колледжи (англ. city college).</p> </ul> </div> <font face='Arial'> <table border="0" width='570' align="left"> <tr> <td><img src='new 1/Без имени-1.jpg' width=200px height=200px alt="*"></img></td> <td> <table border='5'> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Главная</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Новости</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">О группе</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Здание</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Контакты</button></center></td></tr> </table> </td> <td align="justify" bgcolor="#001646">Я устал...Но вроде бы и в силах. Для построения идеальной таблицы, я вырвал кусок кода и начал с ним химичить. В итоге я понял кое-какие фичи с таблицами и что с ними можно делать.</td> <!-- //////////////////////////////////////////////// --> <tr><td colspan='2' align='center' bgcolor='#103898'> <font color='#ffffff'>© Каплан Владислав(с), 2017</font></td></tr> </tr> </table> </font> </body> </html> Текст в одной из ячеек (пометил большим кол-ом слешов) почему-то чёрный. Всяко-разно пытался поставить свой, но безуспешно. Помогите написать правильно код отображения шрифта и объяснить в чём была моя ошибка. Заранее спасибо.
-
Всем доброго времени суток! Я решил подключить собственный шрифт в шаблон, но задался вопросом имея 5 расширений для шрифта (ttf-woff-eot-svg-otf) и подключая их скачиваться будут все или только необходимые? тоесть если нужен ttf то он и скачается, а остальные проигнорируются? и как быть если браузер поддерживает скажем и ttf и woff и eot он все три скачает или только один?
-
Дорогие друзья уже долго не могу наладить работу собственного шрифта. http://rmsgames.ru/6px2bus.ttf это путь к шрифту. Кодировка utf-8. Все делал по уроку с этого сайта. Вот кусок кода который у меня не работает. #test1 { @font-face font-family: bus; src: url(www.rmsgames.ru/6px2bus.ttf); font-size: 170%; font-family: 'Press Start 2P'; background: black; color: #bed143; text-decoration: green; /* Убираем подчеркивание */ border: none; outline: none; }
-
Здравствуйте. Начал верстать и впервые столкнулся с такой проблемой, что не отображаются подключенные шрифты, вернее один из них. Хотя все пути правильные, имя шрифта и подключение тоже, плюс шрифт установлен в системе. Буду благодарен, если кто-то подскажет в чем проблема. Вот куски кода: Подключение шрифта @font-face {font-family: Helvetica-2-UltraLight;src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.eot);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.svg);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.ttf);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.woff);}Применение к ссылке #header ul li a{font-size: 34pt;color: #f9a5d5;text-decoration: none;font-family: Helvetica-2-UltraLight, sans-serif;font-weight: normal;}Скрин, как должен выглядеть этот шрифт
-
Вот есть у меня сайты, на которых один и тот же шрифт в полужирном начертании отображается по разному. Как будто совершенно разные шрифты.. Не могу взять в толк, почему? В стилях вроде всё одинаково. Шрифты подгружены. www.apriori.ru: www.kaskann.ru: UPD: Блин, как пост написал, сам всё понял. Варианты шрифта не были указаны, вот так надо было: http://fonts.googleapis.com/css?family=PT+Sans:400,700,700italic,400italic&subset=allДа, бывает и такое. Всем привет
-
Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. Сейчас изучаю коды реальных сайтов и вижу много непонятного. Прошу помочь мне разобраться. Моя цель Сделать адаптивный сайт на чистом HTML и CSS, Яваскрипт собираюсь использовать только в крайнем случае (например для меню).Сайт будет без движка. Интересуют следующие основные моменты:сайт легко сверстать вручнуюсайт должен быстро загружатьсясайт должен быть хорошим с точки зрения SEO Общий подходСайт далать - так делать с видом на будущее! чтобы не пришлось через пару лет переделывать.
-
Подгрузил шрифт в head прописал - <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300subset=cyrillic,cyrillic-ext,latin,greek,latin-ext,vietnamese' rel='stylesheet' type='text/css'> в css - font-family: 'Open Sans Condensed', sans-serif; В браузерах отображается все хорошо а вот планшет не видет шрифтов ((( В чем может быть проблема ?
-
Шрифт 14pt в FF (других браузерах) и Safari - совсем не одно и тоже. В 2 блоках вылезают надписи. Разница разительна. Про сголаживание я вообще молчу. Как решить проблему без костылей?
-
Сегодня обновил Itenes и увидел шрифт, который очень понравился. Подскажите, что это за шрифт?
-
Всем привет! Помогите пожалуйста разобраться с проблемкой. сайт sledd.ru При отображении в браузерах (всех) на компьютерах всё отображается корректно, но при отображении сайта на ipad, слетает стиль для верхнего-правого блока в котором телефоны. Такое ощущение, что стиль действует только не первую цифру верхнего span и не даёт присвоить стиль для другого span. Ссылка на изображение: https://yadi.sk/i/jS1x3DVcYUCrW
-
Есть шрифт Campus(можете скачать http://www.photoshop-master.ru/adds.php?subrub=34&id=3462), в формате .ttf он отображается только в Opere, а конвертировал в .woff, то вообще не отображаться на странице, может у кого то возникала такая проблема или знает как решить, буду признательным
-
Здравствуйте, подключил .otf шрифт к проекту, но во всех примерах написано про подключение шрифта с расширением .ttf Есть ли смысл конвертировать .otf шрифт в .ttf если браузеры поддерижвают расширение .otf и шрифт отображается корректно?
-
Приветствую профессионалов и новичков верстки. Столкнулся на днях со проблемой использоапния шрифтов на сайте. Прежде активно пользовался гугловским сервисом, однако последнее время стали наблюдаться перебои в его работе и в итоге на странице текст отображается шрифтом по умолчанию, что никак не устраивает (это я еще молчу про время, которое требуется из-за этого на открытие страницы). Поэтому появилась необходимость отказаться от гугла и грузить шрифт с сервера. Вот тут и появилась сложность. К примеру шрифт Dosis. У него различные начертания (Dosis-Book, Dosis-Medium, Dosis-Light, Dosis-SemiBold ...) расположены в разных файлах. Когда шрифт подключался через гугл, то использовалось только имя шрифта, а начертание задавалось при помощи font-weight (например, для Dosis Medium font-wieght:500, для Dosis-Semibold font-wieght:600). Можно ли подключить этот шрифт без гугла так же под именем Dosis, и очертание задавать font-weight'ом при помощи средств HTML/CSS или, в крайнем случае, JS. Или же можно сам шрифт объединить в один файл?
-
Ищу кириллический шрифт в японском стиле. Какой-нибудь самурайский шрифт что ли, нарисованый кистью, что бы буквы были похожи на иероглифы. Ну и было бы круто, если бы кто-нибудь посоветовал такой ресурс, на котором такое добро водится Вот этот классный, но тут Latin. http://www.fontspace.com/category/asian
-
Здравствуйте! Возникла следующая проблема. Есть форум - http://blog.springo.com.ua/ на нем в контентной части нестандартный шрифт, который подгружается через Гугл. Проблема в том, что когда переходишь на блог, то все отображается, но если ты перезагрузишь страницу, то текст (где нестандартный шрифт) исчезает (как я понимаю просто не подгружается шрифт). Если же обновить путем нажатия Enter в адресной строке, то все опять замечательно. Прошу помощи разобраться в этом.
-
Купила шрифт для сайта. Выслали один файл. С ним на моем компе работает, а на сайте - нет. Запросила адаптацию у продавца. Выслали 2 папки. Что с ними делать, к какому файлу указывать путь, что скачивать в файловый менеджер на хостер ума не приложу. Мучаюсь с установкой теперь. Как установить и привязать шрифт к сайту?
-
Как привязать размер шрифта к ширине блока в адаптивном шаблоне?
ludlila72 добавил вопрос в Проблемы верстки
Коллеги, подскажите, пожалуйста, как привязать размер шрифта к ширине блока в адаптивном шаблоне? Мне нужно, чтобы при уменьшении окна браузера, уменьшался размер шрифта. Как правило, это исполняет jquery.fittext.js, но не в параметре value тега input. Есть решение? -
Доброго времени суток! У меня проблема со вставкой своего шрифта в страницу. Прочитал статью на сайте (http://htmlbook.ru/blog/svoi-shrift-na-stranitse) попробовал и получилось вот что: <html> <head> <title>Welcome</title> <style> @font-face { font-family: Europe Normal; src: url(font1.ttf); /*Шрифт лежит в той-же папке что и сама страничка*/ } h1 {font-family: Europe Normal, Arial} </style> </head> <body background="back.png"> Hi<br> <h1>Trying to start my font</h1> </body></html> Так вот проблема в том, что выбранный шрифт отображается только в Internet Explorer 10, другие браузеры, такие как Firefox и Chrome (Opera не пробовал) отображают текст шрифтом Arial. Ткните пальчиком, пожалуйста, что я делаю не так. Сразу скажу: я новичок в верстке страниц, знаю только основы html, поэтому прошу не ругаться если что-то не так объяснил.
-
Myriad Pro очень любят наши ру дизайнеры, словно не замечая миллионы нецензурных коментов по этому поводу. Кто-нибудь сумел разобраться с этой напастью? Как отконвертировать во все форматы этот замечательный шрифт для вэб бесплатно, что бы счастливые верстальщики могли на всех ру сайтах радостно и кроссбраузерно использовать фонт фэйс такого вида: @font-face { font-family:'MyriadPro-Regular'; src:url('../fonts/MyriadPro-Regular.eot'); src:local('O'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.svg') format('svg'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.eot') format('embedded-opentype'); font-weight:normal; font-style:normal; }
-
Добрый день. Столкнулся с проблемой при работе с сервисом fontsquirrel. При добавлении шрифта выдает Нашел решение - переконвертить в otf с помощью сервиса. Прокатило - белка шрифт схавала. И вроде бы вот оно счастье! Ан нет! Полученный кит не поддерживает кириллицу (в настройках указывал конечно. нет не первый раз это делаю). Уже всю голову сломал. Может кто сталкивался или что дельное подскажет? или я туплю где-то? Вобщем буду рад любой помощи. Название шрифта agLettericaUltraCompressed Вот тут выложил ttf и otf
-
Кто знает как? Допустим есть 2 файла шрифта Regular и Bold. Как сделать так, что бы всё, что на сайте выделяется жирным - выделялось начертанием Bold, а не псевдо-жирным..?
-
Подскажите. Есть такой код - http://jsfiddle.net/...tPCz8CJv/t3KGP/ Но он почему-то не подключается, не работает в браузере. Почему? Может, синтаксис неверен? MyriadPro-Regular работает, все нормально.
-
Всем привет. Ребята, бьемся со шрифтом на сайте и никак не можем добиться отображения его. Сайт наши-фото.рф На нем должен отображаться шрифт который лежит в теме в папке fonts. Перепробовали кучу всего, но шрифт не хочется отображаться почему-то. Самый прикол в том, что на денвере все отлично, а когда перенес сайт на хост шрифт исчез. Подскажите пожалуйста, как заставить шрифт отображаться.
