I imported fonts in forum using this code:
<style>
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
</style>
So, it works, but it don't show in the font menu. Is there any code to add imported fonts to font menu?
How I can add more fonts to font menu?
Posts 1 to 3 of 3
Share12017-06-21 16:42:54
Share22017-06-22 16:10:59
@Nixieoffset
Try to add this code to HTML footer:
<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length)(function (){
var Font=new Array(
// List of new Fonts
"Ubuntu",
"Pacifico" //Last element without ","
)
for(var i=0;i<Font.length;i++) {
var j = "<div><span style='font-family:"+Font[i]+";'>"+Font[i]+"</span><img src='/i/blank.gif' onclick=\
\"bbcode('[font=+Font[i]+]','[/font]')\" /></div>";$("#font-area").append(j);
}}())
</script>
Share32017-06-22 18:13:06
Ok, these are new, but what now?
In font place there are only some +Font[i]+.
Added after 3 minutes 43 seconds:
I now have more fonts - the new code:
<style>
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Righteous');
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Monoton');
@import url('https://fonts.googleapis.com/css?family=Parisienne&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Yesteryear');
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Megrim');
@import url('https://fonts.googleapis.com/css?family=Pirata+One&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Audiowide&subset=latin-ext');
</style>
Last edited by @Nixieoffset (2017-06-22 18:16:49)