jlekapb

<style>
   @font-face {
    font-family: Pompadur; /* Имя шрифта */
    src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */
   }
   P {
    font-family: Pompadur;
   }
  </style>

смотрите файл main.js
искать // Smooth Scrolling Function

еще пример: codepen.io/042/pen/ikBxE
и еще: https://github.com/simov/simplr-smoothscroll

Есть такое: h5bp.github.io/Effeckt.css

И эдакое: useyourinterface.com

Мне the modal нравится.
Он фиксирует фон, чтобы сайт не прокручивался, когда открыто модальное окно, в том же fancybox из коробки такого нет.
Еще можно навесить события на открытие/закрытие окна.

Рецепты на codepen.io и ему подобных :)

Такой баг есть в движке gecko.
Для firefox есть обсуждение бага: https://bugzilla.mozilla.org/show_bug.cgi?id=382721
В webkit закрыли: https://bugs.webkit.org/show_bug.cgi?id=9197

А в своих проектах для ff делаю рамку в solid, но если критично, можно и картинкой срам прикрыть.

Для некоторых свойств умерли и есть нативная поддержка, но лучше проверять поддержку свойств в браузерах на этапе разработки, например, для border-radius: caniuse.com/#search=radius

Еще можно использовать autoprefixer или похожие плагнины для подстановки вендорных префиксов автоматически.
autoprefixer для grunt: https://github.com/nDmitry/grunt-autoprefixer