style_system | (no subject)

(no subject)

hi! i think how i can use same font that

forbiddenfruit? I think is it Google font? here are the url -> https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=PT+Sans&display=swap

and my codes

/* WENTHAM - layout by manual@dw
For the BLANKET theme
functional custom pages, disabled modules
tiny icons from http://p.yusukekamiyamane.com/*/

/* latin */
@font-face {
  font-family: 'IM Fell English';
  font-style: normal;
  font-weight: 400;
  src: local('IM FELL English Roman'), local('IM_FELL_English_Roman'), url(https://fonts.gstatic.com/s/imfellenglish/v6/xwIisCqGFi8pff-oa9uSVAkYLEKE0CJQa8tfZYc_plY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'IM Fell English';
  font-style: italic;
  font-weight: 400;
  src: local('IM FELL English Italic'), local('IM_FELL_English_Italic'), url(https://fonts.gstatic.com/s/imfellenglish/v6/Z3cnIAI_L3XTRfz4JuZKbmwF2xAZ8zQZAh2gFEDZc7E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body { padding: 0; margin: 0; text-align: center; color: #000;
background-color: #FEFEFF;
 font-family: 'IM FELL English Roman', 'Lora', serif; font-size: 1em; }

a, a:active { text-decoration: none; color: #333; 
 }
a:visited { color: #666;
 }
a:hover { color: #000;
 }

q { font-style: italic; }

#canvas { margin: 0 auto 3em auto; text-align: justify; padding: 0; }
#content { padding: 0; margin: 0; }
#primary { width: 56%; margin: 0 auto; z-index: 0; padding: 0; }
#tertiary { display: none; }

/*--- header + footer ---*/
#header { width: 60%; margin: 0 auto 2em auto; background-color: transparent;
 }
#header>.inner { padding: 4em 2em; }
#footer { display: block; clear: both; }
.page-top, div.navigation.bottomnav { width: 60%; margin: 0 auto; text-transform: lowercase; text-align: center; font-weight: bolder; letter-spacing: 3pt; font-size: 1.0em; font-style: italic; }
.navigation { text-transform: uppercase; text-align: right; width: 100%; }
li.page-back, li.page-forward { display: inline; list-style: none; padding: 0; margin: 0 0 0 0.3125em; }
li.page-separator { display: none; }
div.navigation ul { display: inline; padding: 0; margin: 0; }

div.navigation.topnav { display: none; }

/*--- header texts ---*/
div#header h1#title { text-transform: uppercase; font-weight: 100; text-align: center; letter-spacing: 3pt; padding: 0; margin: 0; color: inherit; font-family: inherit; font-style:italic; font-size: 2,0em; }
div#header h2#subtitle { text-transform: lowercase; font-weight: 600; text-align: center; letter-spacing: 3pt; padding: 0; margin: 0; color: inherit;
 font-family: inherit; font-style:italic; font-size: 1em; }
div#header h2#pagetitle { display: none; }

/*--- navigation links ---*/
div.module-navlinks, div.module-navlinks ul.module-list, div.module-navlinks ul.module-list li { display: none; }

/*--- modules ---*/
#secondary, #secondary>.inner, #secondary .module, #secondary .module-header, #secondary .module-header a, #secondary .module-header, #secondary .separator-after, .module-tags_cloud, .module-tags_cloud .module-content, .module-tags_cloud li, .tags_cloud li, ul.userlite-interaction-links.icon-links, ul.userlite-interaction-links.icon-links li, .module-calendar td a, .module-credit dt, .module-search .search-form, .module-search .search-box, #secondary .module-content, #secondary .module-content ul, #secondary .module-content li { display: none; }

/*--- entry ---*/
div.entry { padding: 0; margin: 0 0 3em 0; color: #221922;
background-color: transparent !important;
 }
div.entry-content { margin: 1em 1em 1em 1.4em; }

div.entry-content a, a.active, a.visited, a.hover {font-weight: 800; font-style: italic; background-color: #d2d1d2;}

div.header { padding: 0; margin: 0 0 1em 0; }
h3.entry-title { font-weight: normal; letter-spacing: 2pt; padding: 0; margin: 0; font-family: inherit; font-size: 1.8em; color: #099aaf; font-style:italic;
 }
h3.entry-title a { color: #000;
 }

h3.sticky-entry-title.entry-title { font: inherit; color: inherit; text: inherit; }

h3.sticky-entry-title.entry-title img { -webkit-filter: grayscale(1); }

.datetime { font-size: 0.80em; font-weight: normal; text-transform: lowercase; letter-spacing: 2px; font-style: italic; padding: 5px 0; color: #999999;
 }
.datetime a { color: #999999;
 }

.userpic { display: inline-block; }

.userpic img {
    padding: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-left: -120px;
    height: 90px; width: 90px; }

span.poster.entry-poster{ font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #c8c8c8;
 }
img.ContextualPopup-trigger { margin-bottom: 2px; padding: 0 2px; width: 12px; height: 12px; }

span.cuttag_container img { display: none; }

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.metadata { margin: 2em 0 0 0; }
.metadata.top-metadata { margin: 1em 0 2em 0; }
div.metadata ul { padding: 0; margin: 0; }
div.metadata ul li { list-style: none; font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #c8c8c8;
 }
span.metadata-label-location, span.metadata-label-mood, span.metadata-label-music { display: none; }
span.metadata-item-location { padding: 0 0 0 1.3em; }
span.metadata-item-mood { padding: 0 0 0 1.3em; }
span.metadata-item-music { padding: 0 0 0 1.3em; }

span.tag-text { display: none; }
div.tag ul { padding: 0 0 0 1.3em; margin: 0; display: inline; }
div.tag ul li { display: inline; list-style: none; font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #c8c8c8;
 }

ul.entry-management-links { padding: 0; margin: 2em 0 0 0; -webkit-filter: grayscale(1); text-align: center; }
ul.entry-management-links li { display: inline; list-style: none; font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0 5px 0 0; color: #c8c8c8;
 }

ul.entry-interaction-links { padding: 0 0 0.5em 0; margin: 1em 0 0 0; text-align: center; padding-bottom: 1em; border-bottom: 1px solid #999999; }
ul.entry-interaction-links li { display: inline; list-style: none; font-size: 0.9em; font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0 5px 0 0; color: #c8c8c8;
 }

/*--- comments ---*/

.comment-title {
    font-family: inherit; 
    }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

hr.above-entry-interaction-links, hr.below-reply-container { display: none; }

input, textarea { padding: 5px; font: 1em Helvetica, Arial, 'Arial Narrow', sans-serif; line-height: 1.8em; color: #888888;
background-color: #ffffff;
border: solid 1px #eeeeee;
 }
textarea.textbox  { width: 100% !important; }

.comment { margin: 0 auto 2em auto; padding: 40px 20px; border-left: 20px solid #f2ebd7; color: #888888;
background-color: #ffffff;
 }
.comment-wrapper { margin: 2em 0; padding: 0; }

.bottomcomment, .comments-message { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #f2ebd7; color: #888888;
background-color: #ffffff;
 }

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; }

#qrform table { border: 0!important; }

/*--- archive ---*/
li.active { list-style: none; display: inline; text-transform: uppercase; padding: 0; margin: 0; text-align: center; color: #d58d0f;
 }

.month { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #f2ebd7; color: #888888;
background-color: #ffffff;
 }
.month h3 { font-size: 1em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; color: #099aaf;
 }

div.navigation ul { display: inline; }
div.navigation li { display: inline; list-style: none; }

.month th { font-size: 0.9em; font-weight: normal; text-transform: uppercase; padding: 5px; text-align: center; color: #6c6c6c;
background-color: #eeeeee;
 }
.month table { width: 100%; border: 0; margin: auto; }
.month caption { display: none; }

td.day { padding: .5em; border: .1em solid #eeeeee; }

/*--- tags ---*/
.page-tags .tags-container h2 { font-size: 1em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; color: #099aaf;
 }

.page-tags .tags-container { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #f2ebd7; color: #888888;
background-color: #ffffff;
}

.page-tags .tags-container ul { margin: 1em; padding: 0; }
.page-tags .tags-container ul li { margin: 0 0 0 1em; padding: 0; list-style: none; }

.userpic { float: left; margin: 0 10px 10px 0; }
/* ENTRY TINYICON REPLACEMENTS */

#canvas img[src*="user.png"]  {
    width: 0 !important;
    height: 0 !important;
    background: transparent!important;
    background-image: url(http://i.imgur.com/yBoBLMj.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0; !important; !important;
    padding:16px 16px 0 0 !important; }

#canvas img[src*="community.png"]  {
    width: 0 !important;
    height: 0 !important;
    background: transparent!important;
    background-image: url(http://i.imgur.com/AdEJonv.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0; !important; !important;
    padding:16px 16px 0 0 !important; }

#canvas img[src*="locked.png"]  {
    float: left;
    width: 0 !important;
    height: 0 !important;
    background: transparent!important;
    background-image: url(http://i.imgur.com/Ju8zWZA.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0; !important; !important;
    margin: 2px 0 5px 5px;
    padding:16px 16px 0 0 !important; }

#canvas img[src*="private.png"]  {
    float: left;
    width: 0 !important;
    height: 0 !important;
    background: transparent!important;
    background-image: url(http://i.imgur.com/LYPYXaM.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0; !important; !important;
    margin: 2px 0 5px 5px;
    padding:16px 16px 0 0 !important; }

/*--- Navigation Bar ---*/

#lj_controlstrip {
	background-color: #fff;
	background-image: none;
	height: 45px; color: 000;
        border-bottom: 1px solid #999;
        box-shadow: 0px 0px 5px #555;
}

#lj_controlstrip_userpic {
	padding-top: 5px;
	padding-left: 5px;
	height: 45px;
}

#lj_controlstrip td {
	font-family: helvetica,arial,sans-serif;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: normal;
	color: #000;
}

#lj_controlstrip_statustext {
	color: #000;
	font-weight: normal;
	font-family: helvetica,arial;
	font-size: 14px;
}

#lj_controlstrip a, #lj_controlstrip .ljuser a b{
	color: #000;
	padding: 2px;
}

#lj_controlstrip a:hover {
	background: #555555;
	text-decoration: none;
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
	border-right: 0px !important; color: #000;
}

Flat | Top-Level Comments Only

Now it works, thank you! But how i can make it same size that

forbiddenfruit? It looks different

Edited 2023-05-14 14:07 (UTC)

or do you have any idea what font looks good? you know, you're layout maker :)

so i looked closer at the community's code and it seems like it's mainly using the PT Sans font, while the code i gave you mainly uses the google font 'M PLUS Rounded 1c'. i can change it so that it only uses PT Sans if you want? i think that's what's making the sizes look different.

otherwise you can keep it as is since it seems to have worked. personally i like the way it is now since it's nicer to read in my opinion :) hope this has helped!

That will be nice :) and can you tell me which font looks good on you? :)

to me i really like the M Plus Rounded font!

Ok can you code a

forbiddenfruit font?

yeah try this

/* WENTHAM - layout by manual@dw
For the BLANKET theme
functional custom pages, disabled modules
tiny icons from http://p.yusukekamiyamane.com/*/

body { padding: 0; margin: 0; text-align: center; color: #000;
background-color: #FEFEFF;
font-family: 'PT Sans';
font-size: 1em; }

a, a:active { text-decoration: none; color: #333; 
 }
a:visited { color: #666;
 }
a:hover { color: #000;
 }

q { font-style: italic; }

#canvas { margin: 0 auto 3em auto; text-align: justify; padding: 0; }
#content { padding: 0; margin: 0; }
#primary { width: 56%; margin: 0 auto; z-index: 0; padding: 0; }
#tertiary { display: none; }

div.navigation.topnav { display: none; }

/*--- navigation links ---*/
div.module-navlinks, div.module-navlinks ul.module-list, div.module-navlinks ul.module-list li { display: none; }

/*--- entry ---*/
div.entry { padding: 0; margin: 0 0 3em 0; color: #221922;
background-color: transparent !important;
 }
div.entry-content { margin: 1em 1em 1em 1.4em; }

div.entry-content a, a.active, a.visited, a.hover {font-weight: 800; font-style: italic; background-color: #d2d1d2;}

h3.sticky-entry-title.entry-title { font: inherit; color: inherit; text: inherit; }

h3.sticky-entry-title.entry-title img { -webkit-filter: grayscale(1); }

.datetime { font-size: 0.80em; font-weight: normal; text-transform: lowercase; letter-spacing: 2px; font-style: italic; padding: 5px 0; color: #999999;
 }
.datetime a { color: #999999;
 }

.userpic { display: inline-block; }

.userpic img {
    padding: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-left: -120px;
    height: 90px; width: 90px; }

span.cuttag_container img { display: none; }

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

/*--- comments ---*/

.comment-title {
    font-family: inherit; 
    }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

hr.above-entry-interaction-links, hr.below-reply-container { display: none; }

input, textarea { padding: 5px; font: 1em 'M PLUS Rounded lc', 'PT Sans', sans-serif; line-height: 1.8em; color: #888888;
background-color: #ffffff;
border: solid 1px #eeeeee;
 }
textarea.textbox  { width: 100% !important; }

.comment { margin: 0 auto 2em auto; padding: 40px 20px; border-left: 20px solid #f2ebd7; color: #888888;
background-color: #ffffff;
 }
.comment-wrapper { margin: 2em 0; padding: 0; }

.bottomcomment, .comments-message { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #f2ebd7; color: #888888;
background-color: #ffffff;
 }

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; }

#qrform table { border: 0!important; }

/*--- archive ---*/
li.active { list-style: none; display: inline; text-transform: uppercase; padding: 0; margin: 0; text-align: center; color: #d58d0f;
 }

div.navigation ul { display: inline; }
div.navigation li { display: inline; list-style: none; }

td.day { padding: .5em; border: .1em solid #eeeeee; }

/*--- tags ---*/
.page-tags .tags-container h2 { font-size: 1em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; color: #099aaf;
 }

.page-tags .tags-container { margin: 0 auto 2em auto; padding: 4em 2em; border-left: 20px solid #f2ebd7; color: #888888;
background-color: #ffffff;
}

.page-tags .tags-container ul { margin: 1em; padding: 0; }
.page-tags .tags-container ul li { margin: 0 0 0 1em; padding: 0; list-style: none; }

.userpic { float: left; margin: 0 10px 10px 0; }
/* ENTRY TINYICON REPLACEMENTS */

/*--- Navigation Bar ---*/

#lj_controlstrip {
	background-color: #fff;
	background-image: none;
	height: 45px; color: 000;
        border-bottom: 1px solid #999;
        box-shadow: 0px 0px 5px #555;
}

#lj_controlstrip_userpic {
	padding-top: 5px;
	padding-left: 5px;
	height: 45px;
}

#lj_controlstrip td {
	font-family: helvetica,arial,sans-serif;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: normal;
	color: #000;
}

#lj_controlstrip_statustext {
	color: #000;
	font-weight: normal;
	font-family: helvetica,arial;
	font-size: 14px;
}

#lj_controlstrip a, #lj_controlstrip .ljuser a b{
	color: #000;
	padding: 2px;
}

#lj_controlstrip a:hover {
	background: #555555;
	text-decoration: none;
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_actionlinks {
	border-right: 0px !important; color: #000;
}

thanks! but i think how i can use same font that my other journal

juneghost or

neptunev is very beautiful? sorry if i bother

Edited 2023-05-15 11:39 (UTC)

juneghost uses the 'Roboto' font, and the other journal uses 'Rubik'. those are both google fonts so if you want to use them you find the link as you did for the font from your initial post, then change the following line at the top in { body }

font-family: 'PT Sans';

you change 'PT Sans' to 'Roboto' or 'Rubik'. hope that helps! you're not being a bother :)

so i use same google font link or what?

change the google font link for the corresponding font that you want to use

Flat | Top-Level Comments Only