probleem met tekst vergroten

[sanderthegamer]

Goedemiddag,

Ik heb op mijn site een timer voor er een download knop verschijnt (gewoon de tekst download) maar ik wil de tekst download graag groter maken. Ik heb al van alles geprobeerd, zoals font size toevoegen, nieuwe div maken en in javascript geprobeerd maar het werkt niet. Dit is het script:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>


<script type="text/javascript">
jQuery(document).ready(function() {
var sec = 10
var timer = setInterval(function() {
   $("#mdtimer span").text(sec--);
   if (sec == 0) {
$("#makingdifferenttimer").delay(1000).fadeIn(1000);
$("#mdtimer").hide(1000) .fadeOut(fast);}
},1000);
});
</script>
<center>
<a class="button" href="http://www.mediafire.com/?m47xa9e21hwqc5g" id="makingdifferenttimer" rel="nofollow" style="display: none;">Download</a>
</center>
<div id="mdtimer">
<b></b>
<div style="font-size: large;"
<b>Een ogenblik geduld alsjeblieft. Je download is klaar in <span>10</span> seconden</b></div>
</div>

Iemand een oplossing om de tekst Download groter te maken?

m.v.g. Sanderthegamer

 

[googlemuscle]

Bedoel je dat je de font-size standaard groter wil hebben of dat die met een animatie groter wordt?

Als je wil dat die standaard groter is kun je toch gewoon in css dit doen?

Als je het met een animeer effectje wil doen kijk dan naar dit voorbeeld:
http://codepen.io/guido/pen/OVGZzp

 

[bron]

Kun je hiermee verder?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
  var sec = 10;
  var timer = setInterval(function() {
    $("#mdtimer span").text(sec--);
    if (sec == 0) {
      $("#makingdifferenttimer").delay(1000).fadeIn(1000);
      $("#mdtimer").hide(1000).fadeOut(fast);
    }
  },1000);
});
</script>

<div style="text-align: center;">
  <a class="button" href="http://www.mediafire.com/?m47xa9e21hwqc5g" id="makingdifferenttimer" rel="nofollow" style="font-size: 48px; display: none;">Download</a>
</div>
<div id="mdtimer">
  <div style="font-size: 24px;">
    <p>Een ogenblik geduld alsjeblieft. Je download
    is klaar in <span>10</span> seconden</p>
  </div>
</div>

Suc6. Have fun.