Можно ли изменить шрифт JavaScript из HTML?

Можно ли изменить шрифт в JavaScript из фрагмента html-кода?Можно ли изменить шрифт JavaScript из HTML?

Я хочу «заставить» JS отображать локальный шрифт, но я не могу изменить JS (это не мой скрипт, и он хаотичен).

JS генерируется программой кроссвордов, которая позволяет вам выбирать между «times new roman» и «Sans serif» при экспорте файлов на веб-страницы. Все экспортируется в нижнем регистре, который я смог исправить, используя «text-transform: uppercase», чтобы сделать все буквы в верхнем регистре. Почему невозможно сделать то же самое с шрифтом? (И да, он работает везде на странице).

Вот полный код:

<HTML> 
<HEAD> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta NAME="Generator" CONTENT="Crossword Compiler (www.crossword-compiler.com)"> 

//this is my stylesheet to call @font-face. 
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> 

//this is from the original code. I've only added 'fatalityregular': 
<STYLE TYPE="text/css" 
{ "font-family: fatalityregular, Arial, Times, sans-serif"; 
}></STYLE> 

//this whole section looks like this when you export the puzzle to web: 
<!-- 
BODY, .Clues, .GridClues { font-size: -3pt; font-family: 'fatalityregular', Arial, Times, sans-serif;} 
--> 
<!-- 
.PuzTitle { 
font-size: 15pt; color: #800000; font-weight: bold; 
} 
.CopyTag { 
font-size: 10pt; color: #000000 
} 
--> 

</HEAD> 

<BODY TEXT="#000000" BGCOLOR="#ffffff"> 
//this is what I use to fix Times/Arial. With MYFONT I won't need this (it's all uppercase): 
<span style="text-transform: uppercase"> 

<script src="CrosswordCompilerApp/jquery.js"></script> 
<script src="CrosswordCompilerApp/raphael.js"></script> 
<script src="CrosswordCompilerApp/crosswordCompiler.js"></script> 
<script src="MyCrossword.js"></script> //This is where I want MYFONT to be used. 
<script> 
$(function(){ 
$("#CrosswordCompilerPuz").CrosswordCompiler(CrosswordPuzzleData,null,  
{SUBMITMETHOD:"POST",PROGRESS : "" , ROOTIMAGES: "CrosswordCompilerApp/CrosswordImages/" });}); 
</script> 
<div id="CrosswordCompilerPuz"></div> 

</span> 

</BODY> 
</HTML>

источник

2015-05-26 camcom

FYI, '' является комментарием в HTML. Таким образом, все, что в нем будет игнорироваться браузером. – forgivenson

Вам следует попытаться использовать css, а не javascript, для любых стилистических изменений на вашей странице. Как уже упоминалось @forgivenson, ваши правила css в голове закомментированы. Вы должны переключить теги комментариев на теги стиля, например, это ' ' – mpallansch

Спасибо, что ответили. Я использовал fontsquirrel для генерации моего шрифта. Это в stylesheet.css. Он отлично работает везде, за исключением кроссворда (который генерируется программой, я создаю кроссворды в). Может быть, проблема в том, что JS перезаписывает все остальное? Как я уже сказал, когда я экспортирую кроссворд в веб-файлы, я должен выбирать между Times New Roman или Sans Serif. Должен ли я что-то изменить в сценариях апплета? Я не знаю, как это решить.- – camcom

<span id="my-span" onclick="return change_font();" style="text-transform: uppercase;">Your Text</span> 

<script> 
    function change_font(){ 
    document.getElementById("my-span").style.fontFamily = "Times New Roman"; 
    } 
</script>

источник

2015-05-26 12:52:05

Это также работает повсюду, за исключением тех случаев, когда мне это нужно: p Не может ли проблема, что JS перезаписывает все остальное? Как я уже сказал, когда я экспортирую кроссворд в веб-файлы, я должен выбирать между Times New Roman или Sans Serif. Должен ли я что-то изменить в главном скрипте, возможно? Проблема в том, что я понятия не имею, что изменить и где ее изменить. Сам сценарий приложения выглядит так: FontStyle | FontWeight | LetterUsed | FontSize | float | white | new | ViewHeight | Squares | selected | alphabet | show | и т. Д. Нужна ли мне программа для редактирования JS? (Извините, если я просто глуп!) – camcom

Попробуйте это и дайте мне знать .. этот код над вашим html и сделайте его важным для вашего CSS-тега стиля –

Спасибо за помощь! Впрочем, я тоже не мог работать. Я редактировал свой вопрос, так что теперь весь код есть. Не могли бы вы показать мне, какие части редактировать (на всякий случай я не сделал это правильно)? BTW, я получил не очень-полезный ответ от создателя, когда я спросил, что менять и где: может быть, это для вас значит больше, чем для меня: «Я не думаю, что это обычно имеет значение, когда вы ставите стиль, до тех пор, пока он достаточно специфичен для элемента, который вы хотите изменить. В настоящее время шрифт может быть переопределен шрифтом апплета, и в этом случае вам может понадобиться более конкретный тег css. " – camcom

Можно ли изменить шрифт JavaScript из HTML?

ответ

Смежные вопросы