Разные шрифты на мобильных и десктопах

С помощью медиазапросов в css

Попробуйте так:

@media (max-width: 720px){
h2.entry-title{
 font-size: 18px;
}
.entry-meta{
 font-size: 13px;
}  
.entry-summary{
 font-size: 15px;
}
.more-link-wrap a.post-more-link{
 font-size: 13px;
}
}