style_system | (no subject)

you can add a google font by pasting the url (https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=PT+Sans&display=swap) in the "Custom external stylesheet URL" field above your custom css, then specifying the font name where you want it. so then, wherever you want to use the font, you just specify

font-family: 'M PLUS Rounded 1c', 'PT Sans';

can you give a code? i want same font that use the

forbiddenfruit... and i am very sorry about my bad English

no problem, try the following code after you paste the url in the field as i mentioned, you have to do that for the font to show

/* 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: ''M PLUS Rounded 1c', 'PT Sans'', 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;
}

some reason it don't work, i still see the original font.

huh that's strange. i just checked your code - there were some errors so i tried removing all fonts but 'M PLUS Rounded 1c'. try pasting the code below. also, did you paste the google fonts url into the specified box? if you didn't do that it won't show

/* 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: 'M PLUS Rounded 1c', 'PT Sans';
font-size: 1em; }