Hi Brajesh,

I don’t understand exactly what you mean with @font-face?

I have tried to apply this CSS now but it had no effect

/*Use POPPINS font on mobile*/
@media only screen and (min-width:417px) and (max-width:767px){
		body {
				font-family: poppins;
		}
}
@media only screen and (max-width:416px){
		body {
				font-family: poppins;
		}
}
@media only screen and (min-width: 768px){
		body {
				font-family: poppins;
		}
}

Thank you for your help.

Regards
Daniel

• This reply was modified 2 years ago by Daniel.

Hi again,

These are the CSS codes applied on the website with syntax @media so there is no CSS saying to use another font then poppins on mobile:

@media only screen and (min-width:417px) and (max-width:767px){
.bp-nouveau #buddypress .activity-list .activity-item .activity-meta .bp-share-button {
    margin: 13px;
    position: relative;
    bottom: -6px;
}
}
@media only screen and (max-width:416px){
.bp-nouveau #buddypress .activity-list .activity-item .activity-meta .bp-share-button {
    position: relative;
    bottom: -6px;
}
@media only screen and (min-width:417px) and (max-width:767px) {
.bpfb_link_preview_url {
    overflow-wrap: break-word;
		font-size: 14px;
}
}
@media only screen and (max-width:416px) {
.bpfb_link_preview_url {
    overflow-wrap: break-word;
		font-size: 14px;
}
}
/* Radio Stations Styling */
@media only screen and (min-width: 768px) {
body.wp-radio article.page {
    max-width: 100% !important;
    margin-top: 50px;
}
}

Thanks for your time!
Regards
Daniel

Hi Brajesh,

Thanks for your feedback, will have a look.

I guess I can put a new CSS code with syntax @media and add font: poppins; in order that the mobile version will take the font appropriately.

I will check if it will work.

Regards
Daniel

Hi Brajesh,

OK thanks.

Regards
Daniel