FANDOM


  • Hello,

    For cutscene transcript reasons, we're trying to use a custom font, namely the one you can play with here: http://slothsoft.net/Tales/MelnicsTranslator/?lang=en-us (as you can see, it's not something we can just find on Google Fonts)

    We did get permissions for .ttf, .woff, and .woff2 filetypes, and I've uploaded them to the wikia. However, I can't figure out how to enable/use it. From other questions and tutorials, I understand that you have to edit the wikia's MediaWiki:Wikia.css page, but nothing I try is working.

    Does anyone have some (specific) advice? I'm not that familiar with css in the first place.

      Loading editor
    • Could you link to a page that it isn't working on?

        Loading editor
    • Here's the wikia's current css page: http://tales-of-the-rays.wikia.com/wiki/MediaWiki:Wikia.css

      My latest attempt: http://tales-of-the-rays.wikia.com/wiki/User:AAurion/sandbox

      I was trying in a similar way with .woff and .woff2, but I went back to .ttf since staff seemed reluctant to give me those filetypes anyway.

        Loading editor
    • Per Help:HTML#Available_HTML_tags, the font tag is deprecated. Similar to the center tag, I assume this means it may no longer work. Try the following instead. I previewed your page with it and it did change the font, but I don't know if the font is correct.

      <span style="font-family:Melniks"> augh </span>
      

      Edit:

      I made a mistake above which I have corrected. However, based on the result I am getting, it looks like it is already working the way you did it.

        Loading editor
    • So this works if you install your own font into the Wiki itself, what about using fonts that aren't currently hosted here? I'm assuming that's what the original author of this Topic meant.

        Loading editor
    • That is not entirely clear. However, you can view Help:How_to_import_Google_Fonts for Google Fonts. For other sites, you need to use the URL of the file.

        Loading editor
    • Andrewds1021 wrote:
      Per Help:HTML#Available_HTML_tags, the font tag is deprecated. Similar to the center tag, I assume this means it may no longer work. Try the following instead. I previewed your page with it and it did change the font, but I don't know if the font is correct.
      <span style="font-family:Melniks"> augh </span>
      

      Edit:

      I made a mistake above which I have corrected. However, based on the result I am getting, it looks like it is already working the way you did it.

      It does change the font, but it's not correct? You can see what the font looks like in the link in my original post. Not sure why this is.


      Um, the .ttf, .woff, and .woff2 are uploaded to this wikia now. The direct link on the .ttf page does link to the file, which I assume is what you need? But for some reason, the other two link to .bin files, which is why I took those off the css page and was trying with just the .ttf file.

        Loading editor
    • Hmmm... Where did you get the files from? Have you tried installing them on your computer and than using the fonts in a word processor like LibraOffice or MS Word?

        Loading editor
    • The font is from http://park10.wakwak.com/~yuki/font.html, and I did install it and try it out on notepad and it worked fine. I had used https://www.fontsquirrel.com/tools/webfont-generator to convert it into .woff and .woff2.

        Loading editor
    • Oh, looks like another mod was able to figure it out! The css now looks like this:

      @font-face {
       font-family: "Melniks";
       font-style: normal;
       src: url("https://cdn.discordapp.com/attachments/297468211463716865/376311041988100096/MelniksFont.eot?#iefix") format("embedded-opentype"),
       url("http://tales-of-the-rays.wikia.com/wiki/Special:FilePath/MelniksFont.woff") format("woff"),
       url("http://tales-of-the-rays.wikia.com/wiki/Special:FilePath/MelniksFont.ttf") format("ttf"),
       url("http://tales-of-the-rays.wikia.com/wiki/Special:FilePath/MelniksFont.woff2") format("woff2"),
       url("http://tales-of-the-rays.wikia.com/wiki/Special:FilePath/MelniksFont.svg#svgFontName") format("svg");
      }

      Thanks for the help!

        Loading editor
    • Glad it worked out.

        Loading editor
    • Andrewds1021 wrote:
      That is not entirely clear. However, you can view Help:How_to_import_Google_Fonts for Google Fonts. For other sites, you need to use the URL of the file.

      @Andrewds1021 I know that what I said might not be clear but you pretty much understand what I meant. Importing Google Fonts is different than using a code that reads the Font File not hosted at Wikia, if that helps. Such as from above:

      url: http://tales-of-the-rays.wikia.com/wiki/Special:FilePath/MelniksFont.ttf


      what I meant was:

      url: http://example.com/examplefont.ttf


      If the same code above works this way, then I’ll give it a go. I’ll also try Google Fonts importing because that seems like a cool idea too.


      Thanks, you’ve been helpful Andrew.

        Loading editor
    • Although, I could just upload my own custom designed fonts into my Wiki, I guess. I also saw a Wikia Wiki using custom cursors on it’s Wiki, can only be seen when you visit via Desktop not Mobile. The Wiki is http://life-is-strange.wikia.com/

        Loading editor
    • What I was trying to say was that you can use any URL as long as it is for the file itself. So, your second example should work. What I have seen users do before is find a webpage with a description of what they want and link to that; which will not work. For example, the file might be located at http://www.example_site.com/fonts/example_font/example_font.ttf; but the user might use the URL http://www.example_site.com/fonts/example_font/display_examples.html.

        Loading editor
    • Like with any coding, the direct file link is best. Just a thought, how do I prevent Web Bots and Search Bots from Crawling and Indexing my Font Scripts with the Font File links in, especially if I only want a certain type of Individuals/Communities/Visitors to use my Fonts? Would I include the Code Disallow: / in the Page containing the Font Script? I'm preparing my Fonts for use on FANDOM, hopefully. My work isn't for sale and this is my query to prevent indexing.

        Loading editor
    • I am not sure. However, if you are putting it on a Wikia wiki, others are allowed to reuse it due to the type of license Wikia uses.

        Loading editor
    • Andrewds1021 wrote: I am not sure. However, if you are putting it on a Wikia wiki, others are allowed to reuse it due to the type of license Wikia uses.

      In parts of the license that Wikia has, yes. As long as people reuse my work for free and make no sales from my work or make derivatives of my work. It’s important to understand Copyright, this is covered in Wikia’s Policies.

        Loading editor
    • Yes, but that is not the same as saying "it's not for sale".

        Loading editor
    • CC by-sa (sa = share alike) and CC by-nc (nc = non-commercial) are very different, the latter is considered as non-free, and not what Wikia uses.

        Loading editor
    • Yes, but that wasn't what I was talking about. Saying something "isn't for sale", as used by Warrenwoodhouse, would mean that the copyrights aren't available for purchase. Although they aren't, it is sort of a moot point as both licenses allow reuse with attribution; reuse does not require any copyright transfer to begin with. I suppose hiding it from indexing would make it harder to find; but it ultimately has no impact on others' ability to reuse the font.

        Loading editor
    • Ok.

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message