如何通过webfont loader获取字体资源url

文章/答案/技术大牛

发布

2回答

javascript、phantomjs、fabricjs、webfonts、webfont-loader

我使用webfont-loader通过css文件动态加载字体，代码如下 custom: { url('Lobster_1.3-webfont.ttf') format(&#x

浏览 7提问于2016-08-22得票数 3

1回答

角2 AOT Webpack CSS相对嵌套url

webpack、angular2-aot、css-loader、angular2-compiler

这是如何做到的：@import "../fonts/materialdesignicons-webfont.eot?v=1.7.22"); src: url("../fonts/materialdesignicons-webfont.woff2?v=1.7.22") format("woff2"), url("../fonts/mate

浏览 2提问于2017-01-17得票数 0

1回答

React CRA:预加载fonts文件夹中的字体

javascript、css、reactjs、fonts、create-react-app

我使用react并通过SCSS使用自定义字体，如下所示： font-family: 'FiraGO Bold'; url('../../fonts/FiraGO-Medium.woff2') format('woff2

浏览 3提问于2021-10-18得票数 0

1回答

警告从窗口加载事件开始的几秒钟内未使用字体预加载

css、google-chrome、fonts

我有一个网站，我试图加快字体的加载速度，所以我把： <link rel="preload" href="{{ '/css/fonts/bebasneue-webfont.woff' | prepend:资源是使用链接预加载预加载的，但在从窗口加载事件开始的几秒钟内没有使用。请确保它不是白白预装的。: url('/css/fonts/bebasneue-webfont.eot

浏览 2提问于2017-12-02得票数 16

2回答

为什么使用“extension_here”在字体面板中声明两次格式？

css

在使用字体时，我一直在想，是否真的有必要添加有关格式的部分，例如“format (‘eot”)？这似乎是两次声明格式，浪费时间和代码。 font-family: 'Font_name'; src: url('Font_name.eot?')format('eot'), url('Font_name.woff') format('woff'), <em

浏览 1提问于2014-06-17得票数 4

回答已采纳

1回答

不支持src/之外的相对导入错误是什么？

css、reactjs

/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./fonts/poppins正则-webfont.woff。不支持src/之外的相对导入。@font-face {

浏览 2提问于2020-05-23得票数 0

回答已采纳

2回答

Rails处理字体和纱线的资产管道

ruby-on-rails、fonts、asset-pipeline、sprockets、yarnpkg

index 1 heroku/nodejspublic/assets&#

浏览 0提问于2018-02-01得票数 2

回答已采纳

3回答

我不能加载字体-太棒了，有了Webpack

reactjs、webpack、font-awesome

尝试用webpack加载字体- with时，我得到了这个错误： loader: "url?limit=10000&mimetype=application/font-wo

浏览 5提问于2016-07-20得票数 6

回答已采纳

1回答

Webpack url-加载字体

javascript、webpack、webpack-dev-server

$/, loader: "url-loader?limit=10000&mimetype=image/svg+xml&name=./assets/fonts/[hash]./assets/fonts/senticosansdt-light-webfont.eot'); src: url('../assets/fonts/senticosa

浏览 2提问于2016-04-21得票数 1

1回答

将图标从FontAwesome添加到SVG <text>

svg、icons

那么，我将如何使图标显示呢？

浏览 2提问于2016-06-28得票数 0

回答已采纳

1回答

如何添加自定义图标？

ionic-framework、ionicons

如何将自定义图标添加到离子图标中？我还没有一步一步地找到该怎么做的指示。有许多真正的基本图标(比如段落图标)，它们不是由离子图标提供的，所以我不得不自己添加它们。

浏览 8提问于2015-05-26得票数 2

回答已采纳

1回答

webpack给了我错误“@字体-面{^意外标记”

webpack

我的css文件有字体-非常棒的图标和字体。 css是正确的，但是webpack在上面的照片中给出了“@字体面{^意外标记”的错误，这里是我的webpack.config。$/, src: url('../fonts/fontaweso

浏览 3提问于2020-03-30得票数 1

回答已采纳

1回答

如何在Nodejs服务器上安装自己的字体？

javascript、node.js、fonts、styles、installation

我的设计师希望网页使用“Proximanova”字体，这是一种非标准字体。他已经为我提供了相同字体的OTF文件。如果这不能直接做到，你会推荐什么？

浏览 2提问于2013-08-22得票数 8

回答已采纳

7回答

对于一个基于 (React)并由Webpack构建的进步网络应用程序，我如何正确地包含Roboto字体，以便该应用程序不依赖于谷歌服务器，字体也可以脱机工作？只是引用了，但这显然强制从服务器下载字体。在Roboto字体方面也存在类似的，但仍然依赖Google提供字体文件。我找到了一个，但是我不知道如何包含这些文件，因为它提供了很多样式和字体格式，--我不知道什么样式材料UI真正需要。此外，简单地通过@import导入这些

浏览 17提问于2016-11-02得票数 69

回答已采纳

2回答

导入的Sass文件找不到字体文件

sass、gatsby

/global/fonts/brandonprinted-one-webfont.eot) src: url(../../global/fonts/brandonprinted-one-webfont.woff) format('woff'), url(/src/page-assets/global/fonts/brandonprinted-one-webfont

浏览 15提问于2018-01-10得票数 3

1回答

JSF2向css样式表添加自定义字体

css、jsf-2、font-face

我想使用外部字体@font-face{ src: url('websymbols-regular-webfont.eot'); ur

浏览 2提问于2012-03-14得票数 9

回答已采纳

2回答

为什么这个@font-face代码在Firefox3.6中不能工作？

css、firefox、fonts、font-face、firefox3.6

我正在尝试通过@font-face CSS规则加载字体。除了火狐3.6之外，我已经让它在所有浏览器(包括IE6)上都能工作，甚至可能更低。这是我当前的代码。/fonts/digitaldreamfat-webfont.eot'); src: url('../fonts/digitaldreamfat-webfont.eot?/fonts/digitaldreamfat-webfont.woff&

浏览 5提问于2011-10-31得票数 4

回答已采纳

1回答

如何使Rails路由响应字体文件(eot)？

ruby-on-rails、routing、rails-routing、embedded-fonts

我想在我的视图中使用自定义字体。所以我在fonts文件夹下添加了公开的字体文件。当我尝试在url或通过应用程序获取字体时，它通过路由错误。我猜rails路由不能识别格式/文件。如果我错了请纠正我，并给我解决方案@font-face { src: url('/fonts/effra_std_rg-webfont<

浏览 0提问于2012-02-01得票数 5

回答已采纳

3回答

无法使用webpack加载字体awesome

reactjs、webpack、font-awesome

$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },在package.json中，我在依赖项列表中安装了font-awesome，在devDependencies中安装了file-loader、css-<

浏览 0提问于2017-01-12得票数 2

1回答

进口字体在vue-cli webpack项目中的应用

sass、webpack-2、vue-cli

我已经创建了明确的vue-cli webpack项目，安装字体-可怕通过npm。然后在./assets/scss/penes.scss中导入它(@import‘~字体-超真/scss/字体-awesome.scss’；)。/fonts/fontawesome-webfont.eot in ./node_modules/css-loader?{"sourceMap":false}

浏览 0提问于2017-11-27得票数 3

回答已采纳

点击加载更多