Авангардом франков командовал граф Раймунд, главными силами — король, в арьергарде под командой де Ридфора, Балиана и Рено де Шатийона шли рыцарские ордены и войска из Трансиордании. Пятница 3 июля была жарким днем. От жары и отсутствия воды одинаково страдали люди и животные. Легкоконные мусульманские лучники беспрерывно нападали на колонну франков со всех сторон, отскакивая назад, прежде чем франки подготовят контратаку. К послеобеденному времени франки добрались до холма, который назывался Рога Хаттина. Холм был тридцати метров высотой, с двумя невысокими скальными выходами из земли с закругленными вершинами, похожими на рога молодого быка.
У холма тамплиеры дали знать королю, что дальше сегодня идти не могут, и король приказал остановиться у холма на ночь. Несколько баронов убеждали короля броситься вперед и пробиться к озеру, но король не отменил приказ. Узнав об остановке, из авангарда прискакал граф Раймунд. «Мы обречены, королевству конец», — произнес он.
Лагерь был разбит у подножия холма, где был старый колодец, однако тот оказался высохшим. Ночь христиане провели без воды, слушая в унынии молитвы и песни, доносившиеся из мусульманского лагеря. Ночью несколько солдат пошли по воду и были убиты. Чтобы увеличить мучения франков, султан приказал поджечь сухой кустарник вокруг их лагеря, и лагерь заволокло жаркими клубами дыма.
4 июля перед рассветом войска Салах ад-Дина плотно окружили лагерь: «Даже кошка не смогла бы выскользнуть незамеченной». Утром, в то время как рыцари строились перед сражением, пехота, умиравшая от жажды, потеряв голову и не слушая приказов, попробовала всей массой пробиться к озеру, сверкавшему водой внизу. Со всех сторон на нее накинулись мусульмане, многие франки были убиты, многие взяты в плен. Рыцарская конница атаковала мусульман. Раймунд по приказу короля со своими людьми атаковал отряды, которыми командовал Таки ад-Дин. Таки приказал своим расступиться, чтобы пропустить их, и затем снова сомкнул ряды. У графа и его людей не было возможности прорваться к своим, и они, испытывая отчаяние, поскакали в Триполи. Немного позднее через ряды мусульман удалось пробиться Балиану д'Ибелину и Рено Гарнье Сидонскому. Больше никто из окружения не вышел.
Однако франки продолжали сражаться, постепенно отступая наверх на холм, к Рогам. Красный шатер короля был перенесен на вершину холма, и там рыцари собирались вокруг короля Ги. Молодой сын Салах ад-Дина аль-Афдал во время сражения находился рядом с отцом. Много лет спустя он рассказывал: «После того как франкский король отступил на вершину холма, его рыцари сделали геройскую атаку и отогнали наших людей туда, где находился отец. Я видел его замешательство. Он побледнел, ухватил себя за бороду, устремился вперед и закричал: “Покарай их, дьявол!”. Тогда наши люди бросились на врагов, и они снова отступили на холм. Увидев бежавших франков, я радостно закричал: “Мы обратили их в бегство!”. Однако они вторично атаковали и оттеснили наших людей к месту, где стоял отец. Снова он погнал наших людей вперед, и снова они оттеснили врагов наверх, на холм. Я снова закричал: “Мы обратили их в бегство!”. Однако отец обернулся ко мне и сказал: “Помолчи. Пока наверху еще стоит шатер, мы не победили”. В этот момент шатер рухнул. Тогда отец сошел с коня, поклонился до земли и поблагодарил Бога со слезами на глазах».
Епископ Акры погиб в бою, Святой Крест, украшенный драгоценными камнями, достался мусульманам. Когда победители поднялись на холм, они нашли рыцарей лежавшими и сидевшими на земле, слишком усталыми, чтобы сражаться, многие из них были ранены. Короля Ги, его брата-коннетабля Амори, Рено де Шатийона и его пасынка Онфруа де Торона, магистра тамплиеров, старого маркиза Монферратского, владетелей Жибле и Ботруна и много мелких баронов провели в просторный шатер султана. Тот милостиво их приветствовал, предложил королю Ги сесть рядом и передал ему кубок шербета из розовой воды, охлажденного снегом с горы Хермон. Ги немного выпил и передал кубок Рено, стоявшему рядом. Если пленному предлагали еду или питье, по мусульманским обычаям это означало, что ему будет сохранена жизнь. Султан сказал переводчику: «Скажи королю, что это он подал питье этому человеку, не я». О том, что было дальше, хронисты рассказывают по-разному. Одни говорят, что, когда Салах ад-Дин спросил Рено, что бы он с ним сделал, если б султан попал к нему в плен, тот ответил, что немедленно отрубил бы голову. Другие говорят, что в ответ на упреки султана в многочисленных разбоях, предательствах и нарушениях слова Рено лишь пожал плечами и презрительно сплюнул. Так или иначе, Салах ад-Дин выхватил саблю, кинулся на Рено и разрубил ему плечо. Подскочившие стражники-мамлюки тут же отрубили голову старому разбойнику. Ги содрогнулся, подумав, что будет следующим, но Салах ад-Дин успокоил его: «Король не убивает короля».