[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Rкие npm пакеты нужно установить для подпиктограмм
mstdmstd
Всем привет,
В Laravel 5.5/vue.js2.5 приложении в заголовке для поддержки пиктограмок(включая материальный дезайн) имею

    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css?family=Raleway:300,400,600" rel="stylesheet" type="text/css">
<link
href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
<link
href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

Не подскажите какие npm пакеты нужно установить чтобы фонты были локально и не лезть в нет ?
Я установил :
npm install font-awesome 



но этого недостаточно ?

Спасибо!
Эли4ка
Ты про это?
https://material.io/icons/
https://materialdesignicons.com/
?
mstdmstd
Первая ссылка да
Вторая - не уверен
Вообще ссылки с доки по vuetify
Одна ссылка
(<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet"> ) 
отсюда ( https://vuetifyjs.com/ru/getting-started/quick-start )

Вторая ссылка
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
нужна для отображения иконок facebook-а и др
в примерах на https://vuetifyjs.com/ru/components/footer иконки имеют вид
fab fa-facebook

Хотя у меня эти иконки не работали - я нагуглил ссылку выше...
Эли4ка
То есть тебе нудны пиктограммы facebook'а?
mstdmstd
Мне нужны все пиктограмки по ссылкам выше но установив их в систему, без внешних линков...
brevis
Шрифты можешь скачать этой штукой: https://www.npmjs.com/package/google-fonts-offline


_____________
Чатик в телеге
mstdmstd
Я пробовал установить пакет
npm install -g google-fonts-offline


Но не помогает - без внешних линков иконки не отображаются.
Или
Цитата
Шрифты можешь скачать этой штукой:
- эточто то иное ?
brevis
1.
Цитата (mstdmstd @ 20.03.2018 - 12:57)
Я пробовал установить пакет
<pre class="sh_sourceCode" rel="code">npm install -g google-fonts-offline</pre>

После этого делаешь
goofoffline "https://fonts.googleapis.com/css?family=Raleway:300,400,600"
Это скачает тебе шрифты в папку fonts (имя папки настраивается).

Потом можно заменить
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600" rel="stylesheet" type="text/css">
на
<link href="/fonts/fonts.css" rel="stylesheet" type="text/css">

И тд с остальными шрифтами.

2.
Цитата (mstdmstd @ 20.03.2018 - 12:57)
Но не помогает - без внешних линков иконки не отображаются.

Чтобы иконки отображались, после npm install font-awesome нужно проимпортировать локальный css. Что-то вроде
Цитата
Then edit the resources/assets/sass/app.scss file and add at the top this line:
@import "node_modules/font-awesome/scss/font-awesome.scss";
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.