我正在使用Cufon替换我正在处理的站点上的选定标题元素的字体，但每当我加载页面时，在Cufon替换文本之前，都会有一个明显的未设置样式的文本闪烁。我想我可能做错了。下面是我在<head>中拥有的内容
<script src="/js/Monotype_Corsiva_italic_400.font.js"></script>
<script src="/js/PalatinoBoldum_700.font.js"></script>
<script>
Cufon.replace('
浏览 2提问于2009-12-11得票数 4
回答已采纳
它只更改字体系列一次，而它应该每秒钟更改一次字体系列。请让我知道是什么问题，为什么它不是working.Thanks！ </head>
<body>
<h1 id="js_world">Hello World</h1>
<script>
window.onload = function(){
var x = document.getElementById("js_world");
x.style.fontFamily = "he
浏览 24提问于2021-01-20得票数 0
1回答
因此，我想确定一个元素的字体是sans-serif、serif还是使用JavaScript的monospace。这是用于谷歌Chrome扩展，所以它只需要在谷歌Chrome工作。
扩展将用于用浏览器的默认字体替换每个元素的字体。例如，如果默认的sans-serif字体为Arial，并且元素的字体被检测为sans-serif，则元素的字体将更改为Arial。
此外，由于可以为多种语言指定默认字体，那么是否也有一种方法来确定元素的语言呢？
编辑：
那么，如果我通过检查sans-serif、serif或monospace是否被指定为回退字体来处理这个问题呢？
似乎我必须遍历文档中的每个元素来确定应用
浏览 1提问于2015-03-19得票数 2
回答已采纳
我尝试在episerver中添加一个菜单，用于在tinyMCE中选择不同的字体。它适用于以下代码的p标记，但我希望能够为所有标记(p、h1、h2等)选择字体。
var styleItemsFonts = new object[]
{
new { title = "Garant", selector = "p", styles = new { fontFamily = "Garant" } },
new { title = "Clarendon Cn&#
浏览 0提问于2018-10-31得票数 1
回答已采纳
问题1：
我在index.android.js的欢迎样式中添加了一个fontFamily，但没有效果。fontFamily真的在安卓上工作吗？
欢迎：{ fontSize:20，fontFamily:'roboto-thin'，textAlign:'center'，边距:10}
问题2：
如果fontFamily在android上工作，是否有方法从资产中加载自定义字体？或者这是由react本机实现的特性吗？
浏览 11提问于2015-10-12得票数 34
回答已采纳
3回答
我已经为我的服务器购买了SSL并安装了它。但是在我安装之后，我发现cufon不再工作了。我已经检查了一些问题，我已经谷歌了，但没有一个解决方案有效。
添加了页脚中的代码到标题可执行，尝试了一切但不起作用，感谢您的回复。
标题：
<script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"> </script>
<script src="https://mywebsite.com/js/myriad-pro.cufonfonts.
浏览 1提问于2012-09-07得票数 0
回答已采纳
1回答
React、JS和Material UI
好吧，可能是个菜鸟问题，但我在map函数的style属性中到底做错了什么？
Fonts.jsx
export const fonts = [
{
fontName: 'Abril',
key: 'abril',
fontFamily: "'Abril Fatface', cursive;",
},
{
fontName: 'Bangers',
key: 'bangers',
fontFamily:
浏览 6提问于2021-06-06得票数 0
我试图在同一页面上第一次实现2个cufon字体。不起作用。
在文件中，这是一个例子：
<script src="Vegur_300.font.js" type="text/javascript"></script>
<script src="Myriad_Pro_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
浏览 4提问于2010-05-06得票数 5
回答已采纳
1回答
提前谢谢。
JS文件链接：
这是我的代码，
<script src="Hide_3d5b7aca/Hide/jquery-1.9.1.min.js"></script>
<div id="measureText"/>
<script>
$(function () {
text = "1 000 000";
font = {
color: '#282828', fontFamily: '
浏览 1提问于2015-09-28得票数 0
请帮助我，如何在IText Fabricjs中设置每个文本项目的绝对位置。在这个例子中，我想要文本“KỜI”是对齐水平中心与下面的文本。
预期结果：
实际结果：
这是我的代码：
var canvasObject = document.getElementById("editorCanvas");
// set canvas equal size with div
$(canvasObject).width($("#canvasContainer").width());
$(canvasObject).height($("#canvasCo
浏览 1提问于2018-12-08得票数 1
回答已采纳
1回答
最初，我有下面的index.js文件，它编译并运行：
import React from 'react';
import { render } from 'react-dom';
import text from './titles.json';
render(
<div>
<h1 id="title"
className="header"
style={{backgroundColor: 'turquoise
浏览 3提问于2017-02-09得票数 0
回答已采纳
1回答
我试图从SVG上的文本输入中呈现文本。我遇到了一个问题，即文本没有呈现，因为字体被加载，元素被销毁，加载的字体再次为空。
文本必须对每一行都有自己的字体，所以我将所有内容放在一个对象中。
const textObject = {
font: false, //the opentype.js font object gets loaded into here
fontFamily: false, // the font family gets set here
fontSize: 100,
text: "", //the actual text string to
浏览 5提问于2022-11-16得票数 0
回答已采纳
我目前正在开发一个应用程序，其中我想设置文本的颜色，根据用户界面的要求。我想通过fontStyles.jsb的一个函数发送颜色，因为在应用程序中不同的地方，不同的颜色将被使用。这是我的fontStyles.js代码：
import {
StyleSheet,
} from 'react-native';
import fonts from './fonts';
export default styles = StyleSheet.create({
heading1: {
fontFamily:fonts.Montserrat,
浏览 3提问于2022-09-22得票数 -1
回答已采纳
1回答
我有问题要绑定锯齿数组在淘汰赛-js。我找了很多东西，但什么也找不到。让我们举个简单的例子，
<div data-bind="foreach: items">
<div data-bind="style: { textAlign: align, backgroundColor: bgColor, fontFamily: fontFamily, fontSize: size, color: color }, text: title"></div>
</div>
这是我的数组，
var items = [{
浏览 1提问于2013-01-26得票数 1
回答已采纳
1回答
我正在尝试将一些JavaScript样式保存到一个config.js文件中，这样我就可以在其他PIXIJS文件中重用这些样式常量。是否可以在配置文件中一起定义这多个常量(fontFamily、fontSize和fill)？
const styleText = new PIXI.TextStyle({
fontFamily: "Arial",
fontSize: "20",
fill: "0xf0000f",
});
浏览 1提问于2018-09-15得票数 0
我们使用Fabric js在画布中插入文本，有两个文本我们正在插入，一个是一个更大的文本，正确加载并具有Open字体。另一个是一个较小的文本，这是我们有问题的地方，它有动态字体从谷歌字体库动态加载。它没有显示字符，而是在框中显示问号。我们试过使用Open字体，但是没有改变。
要获得进一步的解释，您可以查看下面的链接，我使用了下面的代码来创建问题
_preloadText: function(index,value)
{
var fontSize = value.default;
var coords = this._getXYCo
浏览 2提问于2017-07-10得票数 0
1回答
我已经成功地将两种自定义字体加载到我的代码库中，即使用顺风。我的问题是，当我使用一个插件为我的HTML创建一个基本的样式集时，定制的字体会被忽略，然后被恢复到备份。
只有当我在插件中使用主题目录回调时，才会发生这种情况。如果我硬编码其中的fontFamily名称，那么它就能正常工作。
tailwind.config.js
/**
* Configuration
*/
module.exports = {
theme: {
fontFamily: {
display: ['New Grotesk', 'arial'],
bo
浏览 5提问于2021-02-28得票数 0
在Next.js中使用Material-UI时，我正在尝试向theme.js添加不同的字体。令人惊讶的是，很难弄清楚是如何做到的。
我试过使用这里建议的字体观察者()，但无法更新主题。这是我的theme.js文件：
const theme = createMuiTheme({
typography: {
fontFamily: [
'Raleway','Roboto Condensed',
].join(','),
fontWeight: 700,
h1:{
fontFamily: &#
浏览 1提问于2019-09-28得票数 6
我已经使用Jest编写了一个集成测试： import 'jest-styled-components';
import React from 'react';
import { remAuto } from 'tidee-life-theme';
test('blah', () => {}); 我得到了这个奇怪的输出： Cannot find module 'react-hot-loader' from 'core.js'
7 | const core = {
浏览 57提问于2019-03-06得票数 0
我在Laravel用Ckeditor5作为vue。在之后，我使用npm install --save @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic安装了模块，并在资源/js/app.js文件中启用了Ckeditor
import CKEditor from '@ckeditor/ckeditor5-vue';
Vue.use( CKEditor );
const app = new Vue({
el: '#app',
});
之后，我在vue组件中导入了ClassicEdditor。
浏览 4提问于2020-03-29得票数 2
我想在我的NextJS应用程序中使用谷歌字体。我使用tailwindCSS，我已经在_document.js Head部分导入了参考链接。在tailwind.config文件中，我定义了fontFamily，但是当我尝试使用自定义类时，它不会将字体家族应用于html元素。我做错了什么？
我的_document.js文件：
import Document, { Html, Head, Main, NextScript } from "next/document";
class MyDocument extends Document {
static async getIni
浏览 11提问于2021-12-16得票数 4
回答已采纳
使用Chart.js的2.0测试版
我在显示xAxes和yAxes缩放标签以及设置yAxes min/max时遇到了问题。
我需要yAxes代码从-10到120不等，10....this的增量在v1中非常容易实现，但我必须切换到v2.0，以便反转yAxes...help，这将是非常感谢的:)
我试着把它装在小提琴里，但没能成功，对不起。
这是我的线条对象：
var chart = new Chart(context, {
type: 'line',
data: data,
options: {
scales: {
浏览 2提问于2016-02-04得票数 2
有没有人知道这是不是charts.js 2.X中的错误？在折线图下，它不会显示网格线。我已经在Charts.js 3.X中测试过了，它工作得很好，但我需要使用2.X来支持IE11……我尝试了很多方法都没有成功，我认为这个选项应该是一个gridLines选项，但看起来它可能是一个错误。 options: {
responsive: true,
maintainAspectRatio: true,
elements: {
line: {
tension: 0
}
},
layout: {
p
浏览 60提问于2021-06-25得票数 0
3回答
我希望每隔1秒连续更改段落的字体系列。这是我的非工作代码...
<!DOCTYPE html>
<html>
<head>
<script src = "jquery.js"> </script>
<script>
$(document).ready(function() {
var idee = document.getElementById('p1');
changeFont();
});
function changeFont()
{
浏览 4提问于2012-12-07得票数 2
回答已采纳
1回答
我有一个在Vue3中配置了顺风的tailwind.config.js应用程序
可以从tailwind.config.js动态地更改预配置类的值吗？
例如：
tailwind.config.js
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
purge: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
darkMode: false, // or 'media'
浏览 1提问于2021-08-23得票数 1
回答已采纳
我在fabric js中面临一个典型的问题，我正在使用canvas.toJson将画布转换为json，并将其保存到数据库中。稍后，我使用loadFromJSON将json加载到画布中，一切工作正常。
现在的问题是，我有json，它有很多层，一个层是textbox，它有一些字体样式，所以那个层的json是这样的，
{
"type":"textbox",
"originX":"center",
"originY":"top",
"left":12
浏览 1提问于2016-02-09得票数 3
? 如上所示，我的Chart.js中的字母间距非常大。我不知道为什么会这样--这是我的配置： var myLineChart = new Chart(ctx, {
type: 'line',
data: lineChartData,
options: {
responsive: true,
scales: {
yAxes: [
浏览 34提问于2019-03-19得票数 1
2回答
我在ProfileScreen中声明了“App.js”
function App({ navigation }) {
return (
<>
<StatusBar hidden />
<NavigationContainer>
<Stack.Navigator initialRouteName="Home">
<Stack.Screen
...
component={HomeScreen}
浏览 1提问于2022-05-04得票数 1
回答已采纳
我想知道如何为IOS和Android设置不同的字体，我只有一个索引文件。(App.js)
我在IOS上运行的代码：
<Text style={{fontFamily: 'AppleSDGothicNeo-Thin'}}>Hello!</Text>
但是当我打开Android上的应用程序时，我看到了标准字体(Arial?)
我试过这样的方法：
<Text style={{fontFamily:'Roboto', fontFamily:'AppleSDGothicNeo-Thin'>Hello!</Text&
浏览 5提问于2017-08-12得票数 1
回答已采纳
1回答
我试图在chart.js中以标签的形式显示字体令人敬畏的字符，但没有成功
1.我添加了fontawesome的css
2.我设置了中的字符
3.我编辑了chart.js选项，将pointLabels.fontFamily设置为FontAwesome，但它从不加载独角兽，而表情符号则加载(电池1)。
var ctx = document.getElementById("myChart").getContext('2d');
var myRadarChart = new Chart(ctx, {
type: 'radar',
data
浏览 0提问于2018-10-31得票数 2
回答已采纳
我的应用程序不再识别带有SDK >= 5.2.0.GA的字体文件。
使用SDK <= 5.1.2.GA没有问题
阅读文档我没有发现任何与这个问题有关的东西，还是我错了？
TiApp.xml
<ios>
<plist>
<dict>
<key>UIAppFonts</key>
<array>
<string>/fonts/icons.ttf</string>
浏览 7提问于2016-03-29得票数 0
回答已采纳
我使用文档在laravel 8中安装了jetstream，但是它没有显示正确的方式。
这是tailwind.config.js
const defaultTheme = require('tailwindcss/defaultTheme');
`/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.bla
浏览 4提问于2022-07-03得票数 0
下面的JS Fiddle显示了字体样式应用于特定的单词。示例：
{
"text": "UNKNOWN",
"count": 584,
"color": 'green',
"style": {
fontFamily: 'Harrington',
fontWeight: 1200 //font weight has no effect
}
}, {
"t
浏览 1提问于2018-03-30得票数 0
回答已采纳
2回答
我现在就是这么做的
var longTextList = this.props.data.map(function(text, index){
return <Thumbnail key={index} style={fontSize} ><div style={fontFamily}><img src={text.sprite} />{text.longText} and get {coinName}(s)</div></Thumbnail>;
浏览 1提问于2017-04-03得票数 0
回答已采纳
我已经下载了几个字体(不是谷歌字体)，我想在我的Nextjs 13尾风项目中添加和使用它们。
我遵循Nextjs文档尝试添加单一字体(我想添加多个字体，但尝试获得添加的单一字体无效)：
将下载的字体文件添加到/pages/fontsAdd，字体添加到/pages/_app.jsAdd，字体添加到组件中的tailwind.config.jsUse字体
更新/页面/_app.js
import localFont from '@next/font/local'
const surt = localFont({
src: './fonts/Surt-Normal-Bol
浏览 33提问于2022-11-29得票数 0
我在自己的中使用了一个简单的文本组件。那么fontWeight (只有Bold)并不是只在iOS上工作。我已经在项目中插入了所有需要的字体(在Android上都运行得很好)。
这是我的项目设置。
根/root native.config.js
module.exports = {
project: {
ios: {},
android: {},
},
assets:['/src/assets/fonts/']
}
package.json
{
"name": "boldfont",
"versio
浏览 3提问于2021-01-19得票数 3
回答已采纳
5回答
我试图使简单切换到字体家族之间的切换。其想法是允许用户更改两种字体。目前，我的代码如下所示：
JS
function myFunction() {
var x = document.getElementById("body")
if (x.style.fontFamily = "OpenDyslexic") {
x.style.fontFamily = "OpenDyslexic";
} else {
x.style.fontFamily = "Noto";
}
}
浏览 2提问于2019-10-17得票数 0
1回答
我正在尝试覆盖自定义Cufon字体为Arial。我还尝试通过id来确定H3的目标，但我不能覆盖它，因为页面的其他定制部分需要链接的JS文件。
下面是我的例子。
// This code is a linked js file I cannot alter
Cufon.replace(['h3'], {
fontFamily: 'Filmotype LaSalle',
hover: true
});
// This code is my override code to try to make the my H3 Arial which isn
浏览 2提问于2012-03-22得票数 0
我在努力为我的玩家创造升级。我有game.js中的球员统计数据(例如，let player_speed = 300)。
我创建了另一个场景，其中包含了这样的升级UI：
upgradeScene.js
import IncreaseSpeed from './Upgrades/increase_speed.js';
import IncreaseDamage from './Upgrades/increase_damage.js';
import IncreaseFireRate from './Upgrades/increase_firerate.js&
浏览 6提问于2022-09-14得票数 1
回答已采纳
1回答
我似乎有一个问题，当试图改变字体时，点击一个按钮与JS。以下是功能：
var fontFamily = 'papyrus'
function changeFont(fontFamily){
document.getElementsByClassName(".forma, .descrip").style.fontFamily
};
下面是我使用的按钮的html行：
<input type="button" value="Mode Psychédélique"
onclick=
浏览 0提问于2018-12-28得票数 0
我正在做一个Laravel项目，我正在使用Tailwind来实现它。我要做的是添加服装颜色，以便在HTML中的类中使用它，就像文档中所说的：
我添加了这样的颜色：
tailwind.config.js
theme: {
extend: {
fontFamily: {
sans: ["Nunito", ...defaultTheme.fontFamily.sans],
},
colors: {
emerald: "
浏览 6提问于2022-09-21得票数 0
2回答
我有一个正在构建的next.js站点，它使用下面的特定文本， const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
theme: {
extend: {
fontFamily: {
sans: ['SFMono-Regular', 'Menlo', ...defaultTheme.fontFamily.sans],
},
colors: {
// indigo: &#
浏览 47提问于2020-09-13得票数 3
回答已采纳
在http://localhost:3000中运行这个应用程序时，一切都很正常，看起来也很棒。但是当我将Next.js应用程序部署到Vercel时，字体没有显示，日志中也没有显示任何内容。
我遵循了Next.js文档中的推荐，这就是我的_document.tsx的样子-
import { Global } from '@mantine/core'
import { createGetInitialProps } from '@mantine/next'
import Document, { Head, Html, Main, NextScript } from
浏览 7提问于2022-05-27得票数 4
回答已采纳
我正在使用高级图表创建一个列图表--我想导出格式良好的图表到PNG图像，我能够应用所有必要的格式来导出，但是我不能在导出--时在序列数据标签上应用样式--我希望它们在导出图像中的字体尺寸减小。
我在这里插入代码，但是导出链接/按钮没有出现在下面的图表中。
如能及时提供帮助，将不胜感激。
Highcharts.chart('container', {
navigation: {
menuStyle: {
background: '#E0E0E0'
},
buttonOptions: {
theme
浏览 3提问于2017-02-07得票数 1
回答已采纳
我对kotlin/Js非常陌生，我试图为页面设置样式，但大多数CSS属性似乎不支持原始值，而且csstype包中的默认值没有给出我想要的。
如何设置标记为“？”的字段的值。
css {
html{
scrollBehavior = ScrollBehavior.smooth
}
root {
fontFamily = FontFamily.cursive
fontSize = FontSize.large
浏览 4提问于2022-03-08得票数 0
2回答
Cufon在IE9下不工作，但仅在兼容性模式下工作良好。
有什么线索可以解决吗？
谢谢!
<!DOCTYPE html>
<html lang="en">
<head>
<title>@ViewBag.Title - Home</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport
浏览 7提问于2012-08-29得票数 0
回答已采纳
3回答
我在JS中创建了一个要在html网页上显示的元素。我不明白为什么样式不能正常工作。也许有人会好心指出我可能犯的任何错误。谢谢。 ///HTML
<!DOCTYPE html>
<html>
<head>
<title>WEB 115 Final Project</title>
</head>
<body>
<script src= "projectJS.js"></script>
</bod
浏览 30提问于2019-07-03得票数 1
<Picker
// selectedValue={this.state.language}
selectedValue="USD"
style={{ height: 50, width: 100, marginRight: 10, justifyContent: 'flex-start' }}
itemStyle={{ fontFamily: 'Roboto_thin' }}
// onValueChange={(itemValue, itemIndex) =>
// this.setState({ l
浏览 2提问于2019-03-05得票数 4
我可能是从网上的一堆博客文章中拼凑出来的。一些博客使用autoprefixer，一些博客使用postcss-preset-env &这一切都令人困惑。 我已经安装了tailwindcss作为开发人员的依赖项，并在pages/_app.tsx中正确导入了样式。以下是我的相关文件： package.json "dependencies": {
"@mapbox/rehype-prism": "^0.5.0",
"@mdx-js/react": "^1.6.19",
"@type
浏览 57提问于2020-10-31得票数 1
回答已采纳
我正在尝试使用react导航将一个StackNavigator构建到我的redux存储中，并且我一直得到错误 (在标题中已经提到了)。
下面是我使用redux的redux本地项目的代码。这个错误出现在我调用AppNavigator.router的还原器上。
src/AppNavigator.js
import { StackNavigator, createStackNavigator } from 'react-navigation';
import Welcome from './screens/Welcome';
import Dashboard from
浏览 0提问于2018-06-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
