Percebi que, para modificar o estilo do titulo das imagens no segundo exemplo, em .produtos h2 foi usado font-size. Por que não foi usado font-style, uma vez que negrito e italico são estilos de letras? Peço desculpas pela pergunta, mas fiquei um pouco confuso.
Font-size é utilizado para o tamanho da fonte.
Font-style é para o estilo da fonte.
Font-weight seria o peso da fonte, por exemplo Font-weight: bold (ela ficaria "pesada", ou seja, em negrito).
Depende do que você quer fazer, nesse exemplo, o intuito era aumentar o tamanho da fonte, utilizando o font-size.
Faz o teste aí e bota um tamanho de fonte alto (utilizando font-size), depois mexe com o font-weight e por último o font-style, isso ajuda perceber a diferença.
Uma coisa legal é sempre ve o significado do nome em ingles. Exemplo size é tamanho em portugues, font - size. E assim é as tantas outras tags.