草庐IT

font-replacement

全部标签

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 找不到模块 : Error: Can't resolve '../fonts/fontawesome-webfont.eot'

我正在使用Webpack4并在package.json中安装了"font-awesome":"^4.7.0"。然后我尝试将其导入到我的index.scss中,如下所示:@import'~font-awesome/scss/font-awesome.scss';@import'~bootstrap/scss/bootstrap.scss';我收到以下错误消息:ERRORin./src/index.scss(./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss)Moduleno

JavaScript replace() 方法美元符号

我有一个像aman/gupta这样的字符串,我想将它替换为aman$$gupta,为此我正在使用JavaScriptreplace方法如下:leta="aman/gupta"a=a.replace("/","$")console.log(a)//'aman$gupta'a="aman/gupta"a=a.replace("/","$$")console.log(a)//'aman$gupta'a="aman/gupta"a=a.replace("/","$$$")console.log(a)//'aman$$gupta'为什么第一种情况和第二种情况相同,而当我使用$$$而不是$$时却得

javascript - 使用 JavaScript 的 replace() 方法对变量进行全局切换

在我无法弄清楚它如何单独工作之后,我无法举出任何例子。我想要做的就是获取一个已分配给一个值的字符串,并将其用作所有匹配项的替换匹配字符串。varreplacement='i';vartext='tieiam';text=text.replace(replacement,'');//'teiam'text=text.replace(/tieiam/g,'');//'team'如何一起使用它们? 最佳答案 你想要的是使用RegExp对象:text=text.replace(newRegExp(replacement,'g'),'');S

javascript - val.replace(/[^a-zA-Z_-0-9]/g, '' ) 产生 SyntaxError : invalid range in character class

我需要替换所有与a-zA-Z_-0-9范围不匹配的字符。所以我做了val.replace(/[^a-zA-Z_-0-9]/g,'')但得到了错误。我怎么能咬这个?谢谢 最佳答案 如果要在字符类中包含减号“-”,则必须将其放在范围末尾:val.replace(/[^a-zA-Z_0-9-]/g,'') 关于javascript-val.replace(/[^a-zA-Z_-0-9]/g,'')产生SyntaxError:invalidrangeincharacterclass,我们在Sta

javascript - 如何在 Gatsby 中使用像 Font Awesome 这样的图标

我想在我的Gatsby项目中使用FontAwesome图标。我很乐意在CDN中包含很棒的字体。仅仅将它包含在脚本标签中是行不通的。我想我需要使用import...from'../fontawesome.css'导入它,但我无法让它工作并且还想为此使用cdn。或者我需要用gatsby的css库来解析它吗?请给我建议或提示如何去做。 最佳答案 对于在2018年末访问此页面的任何人,我强烈建议使用react-icons.import{FaBeer}from'react-icons/fa';classQuestionextendsReact

javascript - @Font-face 和 offsetWidth 属性的错误值

我在最新版本的Chromium中遇到了这个问题。在使用通过@font-face嵌入的字体系列创建第一个元素后,我收到了错误的offsetXyz值。当脚本执行时,window.onloadHook已经触发,字体也因此已经加载。这是脚本的样子(示意图):vare=document.createElement("span");e["innerText"ine?"innerText":"textContent"]="fooBar";e.style.fontFamily="fontFaceEmbeddedFontFamily";document.body.appendChild(e);alert

javascript - 拖动 : Replacement of the data

我得到了一个包含一些html元素的网页,其中包括一个文本区域和一个嵌入式contenteditableiframe(一个rte)。使用这段代码,我设法在主页上捕获拖动手势事件并设置文本/html数据jQuery(document).bind('draggesture',function(event){event.originalEvent.dataTransfer.setData('text/html','my_data');});现在,当拖放到主页上的文本区域时,“my_data”会被丢弃。放入contenteditableiframe也会掉落“my_data”。但是我在这里遇到了三

javascript - Chrome 扩展 : Replace HTML before loading the page

我有一个关于如何使用Chrome扩展程序更改网页的问题。阅读一些信息后,我认为问题是如何操作DOM。假设我用Chrome打开www.stackoverflow并想替换以下代码行:并将其替换为:我的问题不是这样做是否明智,而是如何去做? 最佳答案 尝试修改list文件的run_at字符串。在“document_start”的情况下,文件在来自css的任何文件之后注入(inject),但在构建任何其他DOM或运行任何其他脚本之前。https://developer.chrome.com/docs/extensions/mv2/conte

javascript - 在 IE 8 及更低版本中动态添加 @font-face 规则

我正在使用IEstylesheet.addRule()方法添加@font-face规则。但是,对于该方法的“选择器”参数,@符号是不允许使用的字符,因此我收到“无效参数”错误。s.addrule("@font-face","font-family:'FontName';src:url('/fonts/font.eot')etc...)";有没有其他方法可以动态添加这些规则?我试过设置样式元素的innerHTML属性,设置styleSheet属性的cssText属性,并将文本节点附加到样式元素(这会导致IE崩溃)。还有其他方法可以尝试吗? 最佳答案