I need to insert a tag inside css so that I can generate the selected source, but I can not do it here I leave the code ...
<style>
@font-face {
font-family: "marsneveneksk2";
src: url("../fuentes/bubble.ttf"); <- aquí queria introducir la etiqueta div , pero no lo consigo :(
}
fuente{
font-family: "marsneveneksk2", cursive;
font-size: 50px;
text-shadow: 3px 3px 2px #696;
color: #666;
}
</style>
<select id="mySelect" onchange="myFunction()">
<option value="bubble.ttf">bubble</option>
<option value="marsneveneksk1">marsneveneksk 1</option>
<option value="marsneveneksk2">marsneveneksk 2</option>
<option value="nosed">Nosed</option>
<option value="painterz">Painterz</option>
<option value="bombing">bombing</option>
<option value="ruthlessrrippin1">ruthlessrrippin1</option>
<option value="ruthlessWreckin2">ruthlessWreckin2</option>
<option value="sickcapital-vice">sickcapital vice1</option>
<option value="sickcapitalvice">sickcapital vice2</option>
<option value="graffogie">Graffogie</option>
<option value="mostwasted">Mostwasted</option>
<option value="whoa">Whoa!</option>
<option value="subway">Subway</option>
<option value="gta">GTA</option>
<option value="nextcustom">Next Custom</option>
<option value="bboy">B-Boy</option>
<option value="somebubbles">Some Bubbles</option>
<option value="fontbubble">Font Bubble</option>
<option value="supergraf">Super Graf</option>
<option value="aerosol">AeroSol</option>
<option value="crime">crime</option>
<option value="mifuente">Mi Fuente</option>
</select>
<script>
function myFunction() {
var x = document.getElementById("mySelect").value;
document.getElementById("demo").innerHTML = "" + x;
}
</script>