Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 04.01.2020
Сообщений: 2

@import

04.01.2020, 02:12. Показов 1207. Ответов 7

Студворк — интернет-сервис помощи студентам
Здравствуйте, вы не могли бы доступно объяснить начинающему чем так плох @import в частности для шрифтов (Google Fonts предлагает такой вариант загрузки)
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
04.01.2020, 02:12
Ответы с готовыми решениями:

@import
Скажите, как использовать вот такое @import ? Я так понял оно служит для подключения файл ксс к файлу хтмл, как оно происходит этим...

SCSS import
Добрый день, подскажите плииз. Пытаюсь в консоли настроить scss "компилятор" (на основе node) 2 папки - источник (scss) и...

@import в CSS
Не могу понять как работает @import, как нужно оформлять его и в каком участке кода, и относительно чего он ссылается, относительно...

7
0 / 0 / 0
Регистрация: 04.01.2020
Сообщений: 2
05.01.2020, 01:06  [ТС]
Я знаю как пользоваться импортом, также то, что линк производительнее и вообще лучшая практика, но спрашиваю за счет чего именно он лучше (под капотом)
0
469 / 334 / 144
Регистрация: 16.02.2018
Сообщений: 930
05.01.2020, 01:19
Цитата Сообщение от yowiy45759 Посмотреть сообщение
но спрашиваю за счет чего именно он лучше (под капотом)
он лучше за счёт отсутствия на сервер запроса на подгружаемый файл, в вашем случае файл шрифтов. Все запросы сыпятся на сервера гугл.

Добавлено через 1 минуту
Вот тут более подробнее
0
0 / 0 / 0
Регистрация: 05.01.2020
Сообщений: 2
05.01.2020, 01:30
прекрасная статья про CDN только никак не относится к вопросу ТС интересует разница в механизме работы <link> и @import делающих по сути то же самое ибо ответы уровня "просто используй линк" не удовлетворяют

то есть можно написать <link href="https://path/to/font/"> или @import url("https://path/to/font/")

ПОЧЕМУ первый вариант сработает быстрее?
0
0 / 0 / 0
Регистрация: 05.01.2020
Сообщений: 1
05.01.2020, 18:24
Цитата Сообщение от createreactapp Посмотреть сообщение
ПОЧЕМУ первый вариант сработает быстрее?
Потому, что запрос будет отправлен сразу, как будет получен html. Во втором случае сначала направляется запрос для css, потом после разбора полученного css запрос на шрифт.
0
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
06.01.2020, 00:37
А гугл спид, как я понимаю, предлагает третий вариант, загрузка дефолтных шрифтов пока грузится страница, дабы её не замедлить, а затем замена уже на фотфэйс.

Не по теме:

Создается впечатление, что они бурбулятор не той стороной пригугляют.

0
06.01.2020, 01:31

Не по теме:

Цитата Сообщение от Mailo Посмотреть сообщение
А гугл спид, как я понимаю, предлагает третий вариант
ну они типа за то, что бы пользователь, не ждал вовсе загрузку шрифтов, а видел уже сразу контент. Вообще тема тонкая, и порой кажется что гуглспид оторваный напрочь от реалий, с их оптимизациями...

0
06.01.2020, 17:01

Не по теме:

У меня глаз дергается при загрузке такого контента и раздражает, но гуглспид лучше бал даёт.

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.01.2020, 17:01
Помогаю со студенческими работами здесь

HTML import
Хочу импортировать в content.html файл header.html, не знаю как, хелп (Нужно это для того, что бы код не копипастить от страницы к...

@import, @media
@import, @media- для чего они предназначены в CSS?

@import внутри CSS файла
Имеется файл стилей base.css, который содержит: /* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License...

C перебоями работает @import шрифта в IE
В IE (7, 8) странно показывается шрифт Lobster: @import url(http://fonts.googleapis.com/css?family=Lobster); Сначала долго не...

File to import not found or unreadable: compass/css3
Здравствуйте. Используя sass не пойму как подключить : @import &quot;compass/css3&quot; Получаю нелепую ошибку(см.скриншот)


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru