Вообще для основного текста лучше всего использовать т.н. засечные (антиквы, serif'ы) шрифты, например, известный всем Times New Roman. А в заголовках - беззасечные (гротескные, sans-serif'ы), например, также всем известный Arial.
Это правило до недавнего времени было актуально только для бумажных носителей. Для экранов дело обстояло почти ровно наоборот - из-за крайне низкой плотности точек на мониторах, засечки на шрифтах "расплывались" и были неудобны для чтения в маленьких и средних размерах. Поэтому рекомендовалось использовать для основного текста беззасечные экранные шрифты (н-р, Tahoma, Verdana), а для заголовков (в силу большого кегля) - засечные.
С появлением экранов с высокой плотностью пикселей они приблизились по этому параметру к печатному качеству и рекомендации для экранов и бумаги опять стали общими.
С засечками - антиквы. Гротески - без засечек.
Обычный гротескный шрифт (без засечек). Хотя это зависит от контекста.
Helvetica для лат. и areal или gotham pro для кириллицы.
С помощью декоративных шрифтов, как в заставке вопроса, много информации не усвоишь)