Я не думаю, что это возможно сделать CSS iframed на странице. Вам нужно будет добавить отзывчивый CSS на страницу, которую вы пытаетесь встроить. Так как это созданный Google образ, который не кажется вероятным, что у вас будет доступ к этому. То, что вы могли бы попробовать, это просто загрузить изображение и поместить его на квадратный квадрат в качестве изображения, а не iframe.
Я не уверен, что данные изображения являются динамическими, что может повлиять на то, что вы можете делать. Думали ли вы оглядываться на другие графические услуги? Там может быть что-то, что связано с листами Google или если вы знаете javascript достаточно, вы можете создавать свои собственные графики с помощью googles api.
Когда вы объявляете свой шрифт для элемента, вы можете просто добавить свой размер шрифта.
.navigation p {
font-family: 'A';
font-size: 1em;
}
p {
font-family: 'B';
font-size:1.2em;
}
Поскольку вы можете использовать только один шрифт для текста, вам не нужен селектор семейства шрифтов.