• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Closed font not working

erosful

erosful

(∩ ͡° ͜ʖ ͡°)⊃━☆ﾟ. * ･ ｡ﾟ.
Roleplay Type(s)
hello ! i'm hoping someone can help me out.
so, i've been working on a character sheet for an rp i'm in. the code i'm using at the moment is:
Code: 
[nobr]

[class=tag]
color: #fff;
font-size: 12px;
font-family: Arial;
padding: 0px 4px 2px 4px;
background: #d4b8a5;
display: inline-block;
line-height: 15px;
[/class]


[class=link]
    display: inline-block;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
    transition: 1s;
    font-size: 9px;
font-family: Limelight;
padding-top: 5px;
color: #999;
[/class]


[class=tab]
    box-sizing: border-box;
    padding-top: 13px;
    width: 100%;
    height: 100%;
    color: #a56e50;
    text-align: center;
    transition: .7s all ease-in-out;
    font-family: Limelight;
    cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]


[class=heading]
font-size: 30px; float: left; font-family: Georgia; letter-spacing: -2px; font-weight: bold; text-transform: uppercase; margin-left: -15px; margin-top: -28px; position: absolute; opacity: 0;
    transition: .7s all ease-in-out;
[/class]


[class name=tab state=hover]
color: #0e1214;
    transition: .7s all ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]


[class=selectedTab]
color: #0e1214;
    transition: .7s all ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]


[class=tabContents]
    position: absolute;
    opacity: 0;
    transition: .7s all ease-in-out;
    width: 330px;
    font-size: 13px;
    background: #fff;
    color: #000;
    height: 440px;
    box-sizing: border-box;
[/class]


[class=show]
    opacity: 1;
    z-index: 1;
    transition: .7s all ease-in-out;
[/class]


[script class=tab1 on=click]
    addClass show tabContents01
    removeClass show tabContents02
    removeClass show tabContents03
    removeClass show tabContents04
    removeClass show tabContents05
    removeClass show tabContents06

    addClass show heading1
    removeClass show heading2
    removeClass show heading3
    removeClass show heading4
    removeClass show heading5
    removeClass show heading6

    addClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab3
    removeClass selectedTab tab4
    removeClass selectedTab tab5
    removeClass selectedTab tab6
[/script]


[script class=tab2 on=click]
    addClass show tabContents02
    removeClass show tabContents01
    removeClass show tabContents03
    removeClass show tabContents04
    removeClass show tabContents05
    removeClass show tabContents06

    addClass show heading2
    removeClass show heading1
    removeClass show heading3
    removeClass show heading4
    removeClass show heading5
    removeClass show heading6

    addClass selectedTab tab2
    removeClass selectedTab tab1
    removeClass selectedTab tab3
    removeClass selectedTab tab4
    removeClass selectedTab tab5
    removeClass selectedTab tab6
[/script]


[script class=tab3 on=click]
    addClass show tabContents03
    removeClass show tabContents01
    removeClass show tabContents02
    removeClass show tabContents04
    removeClass show tabContents05
    removeClass show tabContents06

    addClass show heading3
    removeClass show heading2
    removeClass show heading1
    removeClass show heading4
    removeClass show heading5
    removeClass show heading6

    addClass selectedTab tab3
    removeClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab4
    removeClass selectedTab tab5
    removeClass selectedTab tab6
[/script]


[script class=tab4 on=click]
    addClass show tabContents04
    removeClass show tabContents01
    removeClass show tabContents02
    removeClass show tabContents03
    removeClass show tabContents05
    removeClass show tabContents06

    addClass show heading4
    removeClass show heading2
    removeClass show heading3
    removeClass show heading1
    removeClass show heading5
    removeClass show heading6

    addClass selectedTab tab4
    removeClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab3
    removeClass selectedTab tab5
    removeClass selectedTab tab6
[/script]


[script class=tab5 on=click]
    addClass show tabContents05
    removeClass show tabContents01
    removeClass show tabContents02
    removeClass show tabContents03
    removeClass show tabContents04
    removeClass show tabContents06

    addClass show heading5
    removeClass show heading2
    removeClass show heading3
    removeClass show heading4
    removeClass show heading1
    removeClass show heading6

    addClass selectedTab tab5
    removeClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab3
    removeClass selectedTab tab4
    removeClass selectedTab tab6
[/script]


[script class=tab6 on=click]
    addClass show tabContents06
    removeClass show tabContents01
    removeClass show tabContents02
    removeClass show tabContents03
    removeClass show tabContents04
    removeClass show tabContents05

    addClass show heading6
    removeClass show heading2
    removeClass show heading3
    removeClass show heading4
    removeClass show heading1
    removeClass show heading5

    addClass selectedTab tab6
    removeClass selectedTab tab1
    removeClass selectedTab tab2
    removeClass selectedTab tab3
    removeClass selectedTab tab4
    removeClass selectedTab tab5
[/script]



[div=cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;][div=width: 600px; margin: auto; box-sizing: border-box;][div=display: flex; flex-direction: row; justify-content: space-evenly; margin-top: 60px;]

[div=width: 180px; background: #d4b8a5; height: 500px;]

[div=margin: auto; display: flex; justify-content: space-evenly; width: 80%; flex-direction: column; box-sizing: border-box; padding-left: 20px; padding-top: 10px;]
[div=width: 60px; height: 60px; margin-top: 15px;][div class="tab tab1"]
[div=font-size: 15px;][fa]fal fa-id-card[/fa][/div]
[div=font-size: 9px; font-family: Limelight; text-transform: uppercase; letter-spacing: 0px;]requisite[/div]
[/div][/div]
[div=width: 60px; height: 60px; margin-top: 15px;][div class="tab tab2"]
[div=font-size: 15px;][fa]fal fa-user[/fa][/div]
[div=font-size: 9px; font-family: Limelight; text-transform: uppercase; letter-spacing: 0px;]appearance[/div]
[/div][/div]
[div=width: 60px; height: 60px; margin-top: 15px;][div class="tab tab3"]
[div=font-size: 15px;][fa]fal fa-head-side-brain[/fa][/div]
[div=font-size: 9px; font-family: Limelight; text-transform: uppercase; letter-spacing: 0px;]psyche[/div]
[/div][/div]
[div=width: 60px; height: 60px; margin-top: 15px;][div class="tab tab4"]
[div=font-size: 15px;][fa]fal fa-book[/fa][/div]
[div=font-size: 9px; font-family: Limelight; text-transform: uppercase; letter-spacing: 0px;]dossier[/div]
[/div][/div]
[div=width: 60px; height: 60px; margin-top: 15px;][div class="tab tab5"]
[div=font-size: 15px;][fa]fal fa-images[/fa][/div]
[div=font-size: 9px; font-family: Limelight; text-transform: uppercase; letter-spacing: 0px;]gallery[/div]
[/div][/div]
[div=width: 60px; height: 60px; margin-top: 15px;][div class="tab tab6"]
[div=font-size: 15px;][fa]fal fa-home[/fa][/div]
[div=font-size: 9px; font-family: Limelight; text-transform: uppercase; letter-spacing: 0px;]home[/div]
[/div][/div]
[/div]

[/div]


[div=width: 400px; background: #eee; border: 5px solid #fff; height: 100%; height: 510px; float: right; margin-top: -40px; margin-left: -80px;]
[div class="heading heading6 show"]river calloway[/div]
[div class="heading heading1"]requisite[/div]
[div class="heading heading2"]appearance[/div]
[div class="heading heading3"]psyche[/div]
[div class="heading heading4"]dossier[/div]
[div class="heading heading5"]gallery[/div]


[div=margin: 35px; margin-top: 35px; height: 440px; background: #fff;]


[div class="tabContents tabContents06 show"][div=margin: 15px; height: 410px; background: url(https://iv1.lisimg.com/image/15552063/707full-laura-gwyneth-butler.jpg); background-size: cover; background-position: 50% 50%;]
[/div][/div]



[div class="tabContents tabContents01"][div=margin: 15px; height: 410px; background: #fff; overflow-y: auto; font-family: arial; font-size: 13px; text-align: justify; color: #000;]
[div class=tag]full name:[/div] river diane calloway.
[br][/br][br][/br]
[div class=tag]nicknames:[/div] cal. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] for a long time, she despised her own name, and preferred to go by this [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR]. lake. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] her family would call her that whenever they were trying to annoy her [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR]. red. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] obviously pertains to her hair [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR].
[br][/br][br][/br]
[div class=tag]age:[/div] twenty-four. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] 24 [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR].
[br][/br][br][/br]
[div class=tag]date of birth:[/div] july seventeenth.
[br][/br][br][/br]
[div class=tag]place of birth:[/div] portland, oregon.
[br][/br][br][/br]
[div class=tag]nationality:[/div] american.
[br][/br][br][/br]
[div class=tag]ethnicity:[/div] caucasian. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] irish [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR].
[br][/br][br][/br]
[div class=tag]gender:[/div] cisfemale. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] feminine pronouns [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR].
[br][/br][br][/br]
[div class=tag]sexual orientation:[/div] demisexual.
[br][/br][br][/br]
[div class=tag]romantic orientation:[/div] biromantic.
[br][/br][br][/br]
[div class=tag]role:[/div] the empathetic wallflower. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] human [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR].
[/div][/div]



[div class="tabContents tabContents02"][div=margin: 15px; height: 410px; background: #fff; overflow-y: auto; font-family: arial; font-size: 13px; text-align: justify; color: #000;]
[div class=tag]height:[/div] 5'7 ft. [COLOR=#9c9c9c][B][I]/[/I][/B][/COLOR] 170 cm.
[br][/br][br][/br]
[div class=tag]weight:[/div] 115 lbs. [COLOR=#9c9c9c][B][I]/[/I][/B][/COLOR] 52 kg.
[br][/br][br][/br]
[div class=tag]build:[/div] svelte. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] ectomorph [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR].
[br][/br][br][/br]
[div class=tag]hair:[/div] long. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] falls just past her rib cage [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR]. naturally dark orange [COLOR=#9c9c9c][B][I]/[/I][/B][/COLOR] red.
[br][/br][br][/br]
[div class=tag]eyes:[/div] blue-green.
[br][/br][br][/br]
[div class=tag]distinguishing features:[/div] freckles. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] most common on her face and shoulders [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR]. nose piercing. [COLOR=#9c9c9c][B][I]([/I][/B][/COLOR] doesn't wear her ring often [COLOR=#9c9c9c][B][I])[/I][/B][/COLOR].
[br][/br][br][/br]
[div class=tag]face claim:[/div] laura gwyneth butler.
[/div][/div]



[div class="tabContents tabContents03"][div=margin: 15px; height: 410px; background: #fff; overflow-y: auto; font-family: arial; font-size: 13px; text-align: justify; color: #000;]
[div class=tag]overview:[/div] a serene disposition coupled with dangerously vibrant hair adorn her easy-going and infectious nature, rendering her a naturally alluring individual. those that gaze upon river mistake her wistfulness for naivety, thinking her to be an innocent fool lost in some different version of reality. while lofty ideals of romance fill her dreams and a mischievous curtain of diamonds glitter over her smiling eyes, she is an enigma at her best and an open book at her worst, and she is not to be underestimated.
[br][/br][br][/br]
[div class=tag]virtues:[/div] alluring, whimsical, compassionate, empathetic, benevolent, philosophical, curious, allocentric, and vivacious.
[br][/br][br][/br]
[div class=tag]vices:[/div] demure, filterless, enigmatic, idealistic, idiosyncratic, unassuming, anomalous, awkward, and fickle.
[br][/br][br][/br]
[div class=tag]likes:[/div] heart-shaped sunglasses, the sun beaming through curtains, sharpie tattoos, peach lipstick, dancing in the rain, uncontrollable laughter at idiotic jokes, mismatched socks, colors that burn like fire, freshly baked pastries, picnics in a field of flowers, midnight adventures straight out of a poem, learning, asking, wondering.
[br][/br][br][/br]
[div class=tag]dislikes:[/div] info.
[br][/br][br][/br]
[div class=tag]fears:[/div] info.
[/div][/div]



[div class="tabContents tabContents04"][div=margin: 15px; height: 410px; background: #fff; overflow-y: auto;]
[div class=tag]background[/div] info.
[br][/br]
[div class=tag]misc[/div] info.
[br][/br]
[div class=tag]etc.[/div] info.
[/div][/div]



[div class="tabContents tabContents05"][div=height: 440px; background: #f9f9f9; overflow-y: auto;]
[div=display: flex; flex-direction: row; justify-content: space-evenly;]

[div=width: 155px; height: 300px; margin-right: 10px;]
[div=width: 100%; background: #fff; box-sizing: border-box; height: 165px; padding: 5px;][div=width: 100%; height: 100%; background: url(https://66.media.tumblr.com/3a7d329105edc4589c4ac1ed2400df72/tumblr_p3chgmqlcX1vamcv8o1_400.gifv); background-size: cover; background-position: 50% 50%; margin-bottom: 10px;][/div][/div]
[div=width: 100%; background: #fff; box-sizing: border-box; height: 165px; padding: 5px; margin-top: 15px;][div=width: 100%; height: 100%; background: url(https://66.media.tumblr.com/16ce81d960e3ea2354b626f0c91f7146/tumblr_p3chgmqlcX1vamcv8o2_400.gifv); background-size: cover; background-position: 50% 50%; margin-bottom: 10px;][/div][/div]
[div=width: 100%; background: #fff; box-sizing: border-box; height: 165px; padding: 5px; margin-top: 15px;][div=width: 100%; height: 100%; background: url(https://66.media.tumblr.com/04148d4be6b82ca62dcd7831cde31bdc/tumblr_p3chgmqlcX1vamcv8o3_400.gifv); background-size: cover; background-position: 50% 50%; margin-bottom: 10px;][/div][/div]
[/div]

[div=width: 155px; height: 300px;]
[div=width: 100%; background: #fff; box-sizing: border-box; height: 165px; padding: 5px;][div=width: 100%; height: 100%; background: url(https://66.media.tumblr.com/f385fe554c24aa936ab99e0538b4e400/tumblr_p3chgmqlcX1vamcv8o8_400.gifv); background-size: cover; background-position: 50% 50%; margin-bottom: 10px;][/div][/div]
[div=width: 100%; background: #fff; box-sizing: border-box; height: 165px; padding: 5px; margin-top: 15px;][div=width: 100%; height: 100%; background: url(https://66.media.tumblr.com/1679cfa65e73ff5ab435440d53bf0e4f/tumblr_p3chgmqlcX1vamcv8o5_400.gifv); background-size: cover; background-position: 50% 50%;; margin-bottom: 10px;][/div][/div]
[div=width: 100%; background: #fff; box-sizing: border-box; height: 165px; padding: 5px; margin-top: 15px;][div=width: 100%; height: 100%; background: url(https://66.media.tumblr.com/5868a40a0b215efd6423c6738bab3eae/tumblr_p3chgmqlcX1vamcv8o6_400.gifv); background-size: cover; background-position: 50% 50%; margin-bottom: 10px;][/div][/div]
[/div]

[/div]
[/div][/div]

[/div]

[div=font-size: 18px; float: right; font-family: Georgia; letter-spacing: -2px; font-weight: bold; text-transform: uppercase; margin-right: -15px; margin-top: -13px;]the empathetic wallflower[/div]
[/div]

[/div][/div][/div]

[div=width: 535px; margin: auto; text-align: left;][url=https://www.rpnation.com/threads/%F0%9D%97%B0%F0%9D%97%B5%F0%9D%97%BF%F0%9D%97%B6%F0%9D%98%80%F0%9D%98%81%F0%9D%98%86-%E2%A7%BE-%F0%9D%97%B0%F0%9D%97%BC%F0%9D%97%BB%F0%9D%98%80%F0%9D%98%81%F0%9D%97%B2%F0%9D%97%B9%F0%9D%97%B9%F0%9D%97%AE%F0%9D%98%81%F0%9D%97%B6%F0%9D%97%BC%F0%9D%97%BB%E2%80%B2%F0%9D%98%80-%F0%9D%97%B0%F0%9D%97%BF%F0%9D%97%B6%F0%9D%98%80%F0%9D%97%BD%F0%9D%98%86-%F0%9D%97%B0%F0%9D%97%BC%F0%9D%97%B1%F0%9D%97%B2%F0%9D%98%80.454487/post-9951524][div class=link]coded by christy.[/div][/url][/div]


[/nobr]
i've been working on it in my private workshop, and then i copy and paste it to the character thread of the rp it's meant for. but i'm realizing that some of the font i'm using doesn't load when i post it in the character thread, but it loads when it's in my private workshop. the font i'm trying to use is marcellus, but because it wasn't loading, i've now changed the font to georgia. i'm hoping to have someone help me out so i can get it back to marcellus.

these are the lines of code where i'm inserting the font and it isn't loading:
Code: 
[class=heading]
font-size: 30px; float: left; font-family: Georgia; letter-spacing: -2px; font-weight: bold; text-transform: uppercase; margin-left: -15px; margin-top: -28px; position: absolute; opacity: 0;
    transition: .7s all ease-in-out;
[/class]
Code: 
[div=font-size: 18px; float: right; font-family: Georgia; letter-spacing: -2px; font-weight: bold; text-transform: uppercase; margin-right: -15px; margin-top: -13px;]the empathetic wallflower[/div]

i originally thought it was only something affecting me, as if something was wrong with my connection to rpn and the font wasn't loading properly, but when i logged out and searched the thread to view the font, it stayed that way.
 
marcellus marcellus marcellus

Are you pulling the font into the post with something like [comment][font=Marcellus].[/font][/comment]

If you use font-family: fontname; without using the font tag to pull it, generally it won't work and will revert to default. I didn't see a font tag in the code you posted so it's why I am asking to see if I had missed it.

Using the font-family here to pull the font from the font-tag within this post.

Code: 
[div=font-family:'Marcellus', Verdana;]Using the font-family here to pull the font from the font-tag within this post.[/div]
 
Fyuri said:
marcellus marcellus marcellus

Are you pulling the font into the post with something like [comment][font=Marcellus].[/font][/comment]

If you use font-family: fontname; without using the font tag to pull it, generally it won't work and will revert to default. I didn't see a font tag in the code you posted so it's why I am asking to see if I had missed it.

Using the font-family here to pull the font from the font-tag within this post.

Code: 
[div=font-family:'Marcellus', Verdana;]Using the font-family here to pull the font from the font-tag within this post.[/div]
Click to expand...

i went back to the code and edited in the font tag for the second line of code that wasn't working so it now looks like this:
Code: 
[div=font-size: 18px; float: right; font-family: Marcellus; font-weight: bold; text-transform: uppercase; margin-right: -15px; margin-top: -13px;][font=Marcellus]the empathetic wallflower[/font][/div]
and is working perfectly.
for the first line, i changed the font-family to marcellus, but it didn't seem to need a font tag because when i previewed it, all of the text was in marcellus.

it's working now, though, so thank you !!
 
You must log in or register to reply here.

Users who are viewing this thread

Total: 2 (members: 0, guests: 2)

Similar threads

Alteras
Resource Text Templater — a plain text template to form field generator
Replies
3
Views
138
A Murder Of Corviknight
A Murder Of Corviknight
silverwhere
Help Easy way to edit the Scroll Bar
Replies
2
Views
170
azariel
azariel
Back
Top